02.25 七劍下天山!HBuilderX 2.6 來了

疫情導致我們不得不遠程辦公,但不妨礙碩果累累。HBuilderX 2.6 是有史以來release裡標記 【重要】 最多的版本。


為了幫助開發者瞭解這些【重要】都意味著什麼,小編特整理7個大招的詳解,謂之“七劍下天山”。

第一劍 uniCloud


一句話描述:雲開發,js編寫後端代碼

  • 對於程序員,從此你又get一個新技能,用熟悉的js,輕鬆搞定前後臺整體業務。
  • 對於開發商:
    • 開發成本大幅下降。不用再僱傭php或java等服務器工程師,每年至少節省幾十萬
    • 你只需專注於你的業務,其他什麼服務器運維、彈性擴容、防DDoS攻擊,全都不需要操心

uniCloud有什麼特點:

  • 全端雲開發微信、支付寶、百度小程序,都上線了雲開發,但無法跨端。uniCloud支持所有端,App、Web、各家小程序,一套代碼搞定全端。
  • Serverless模式再也不用購買雲主機、不用安裝配置環境、不用處理雙機熱備負載均衡、不用處理擴容、不用操心DDoS攻擊你只管用js寫你的邏輯,其他都由雲服務廠商搞定
  • 便宜首先,節省了僱傭專職服務器工程師的成本其次,uniCloud的租用費用也低於傳統雲主機的租用最後,目前uniCloud處於公測期間,一切雲資源全部免費!服務器、存儲、數據庫都免費!


在新冠肺炎期間,各地火速上線抗疫項目,“uni-app+uniCloud”成為神兵利器,服務數百機構、上千萬民眾,為抗疫做出巨大貢獻,詳見新冠案例彙總:xinguan2020.dcloud.net.cn


第二劍 uni-AD 廣告聯盟


DCloud幫助開發者省錢,更幫助開發者賺錢。
現在風險投資環境嚴峻,很多應用無法健康生存和發展。DCloud急開發者之所急,提供最佳變現助力,推動開發者生態健康發展。

uni-AD的特點:

  • 開發一次,App、小程序等多端均有廣告(H5端廣告很快也會上線)
  • 聚合騰訊廣點通、頭條穿山甲、360廣告聯盟等眾多高收益廣告源
  • 開屏、banner、信息流、激勵視頻各種廣告形式全都有
  • 動態分配,自動擇高價展示,大幅提高廣告位填充率、降低廣告重複率
  • 引擎底層原生支持,避免雙開屏、開屏不及時、原生廣告和webview內容混排錯誤等諸多問題

還有更好的變現平臺嗎?沒有了。
激勵視頻的單位點擊高達2元。這意味著開發者甚至可以圍繞uni-AD全新開發或重構自己的應用,與手機用戶共享高收益,比如看廣告送積分或現金,在獲客和變現上走出新的道路。

戳開uni-AD官網(https://uniad.dcloud.net.cn/),趕快開通uni-AD變現!


第三劍 HBuilderX的內部資源管理器


一句話描述:編輯器和資源管理器合體了

傳統開發工具,僅僅依靠左側小小的項目樹來管理資源文件,便利性和效率是遠遠不夠的。


HBuilderX內置的資源管理器,給你一個更大的資源管理界面,大幅提高文件的管理效率。

特點:

- 更大、更漂亮


- 為開發者訂做的資源管理器

  • 直接顯示html標題、vue頁面、組件的名字
  • 預覽markdown內容
  • svn/git單獨列顯示
七劍下天山!HBuilderX 2.6 來了

瞭解內置資源管理器的更多功能(https://ask.dcloud.net.cn/article/36828)


第四劍 easycom



傳統vue組件,需要安裝、引用、註冊,三個步驟後才能使用組件。easycom 將其精簡為一步。
只要組件安裝在項目的components目錄下,並符合 components/組件名稱/組件名稱.vue 的目錄結構。就可以不用引用、註冊,直接在頁面中使用。

<code><template>      <view>          <uni-list>              <uni-list-item>              <uni-list-item>          /<uni-list>      /<view>  /<template>  /<code>

不管components目錄下安裝了多少組件,easycom打包後會自動剔除沒有使用的組件,對組件庫的使用尤為友好。


組件庫批量安裝,隨意使用,自動按需打包。以官方的uni-ui為例,在HBuilderX新建項目界面選擇uni-ui項目模板,只需在頁面中敲u,拉出大量組件代碼塊,直接選擇,即可使用。大幅提升開發效率,降低使用門檻。


查看easycom的文檔(https://uniapp.dcloud.io/collocation/pages?id=easycom)


第五劍 renderjs


一句話描述:renderjs是一個運行在視圖層的js。它打開一個潘多拉魔盒。

  • 大幅降低邏輯層和視圖層的通訊損耗,提供高性能視圖交互能力邏輯層和視圖層分離有很多好處,但也有一個副作用是在造成了兩層之間通信阻塞。尤其是小程序和App的Android端阻塞問題影響了高性能應用的製作。微信小程序推出了wxs緩解此問題。uni-app兼容wxs,並且在App和H5端也實現了wxs。但微信定義的wxs限制太多,還是有很多高性能需求無法滿足。於是renderjs誕生。renderjs只有App和H5支持,但它可以極大的提升通信效率。來看個基於renderjs的示例,App端流暢的canvas動畫,超過了微信小程序的性能。


在hello uni-app示例中可真實體驗,對比App端和小程序端的性能差異。下圖是App端錄屏gif。

七劍下天山!HBuilderX 2.6 來了

  • 在視圖層操作dom,運行for web的js庫官方不建議在uni-app裡操作dom,但如果你不開發小程序,想使用一些操作了dom、window的庫,其實可以使用renderjs來解決。在app-vue環境下,視圖層由webview渲染,而renderjs運行在視圖層,自然可以操作dom和window。這是一個基於renderjs運行echart完整版的示例:renderjs版echart同理,f2、threejs等庫都可以用了。

查看renderjs的文檔 (https://uniapp.dcloud.io/frame?id=renderjs)


第六劍 新增X5內核


x5瀏覽器內核,是騰訊推出的一個增強webview內核。

在uni-app中,當App使用vue頁面時,視圖層渲染在webview裡,此時使用x5,可在安卓端解決如下問題:

  • rom自定義主題字體適配原生字體受rom的主題字體影響,而國內部分做的不夠好的rom,其webview的字體卻不受主題字體影響。當這類Android手機切換主題字體後,就會造成原生渲染部分和webview渲染部分字體不一致。如果app端使用nvue,不存在此問題。但如果使用vue,則只能棄用系統webview了。但在App裡自帶一個50M的webview不太現實,使用裝機量巨大的騰訊x5內核是更優選擇。有了x5,uni-app的vue頁面,5+和wap2app的html頁面,均可解決字體統一問題。
  • 低端機瀏覽器兼容性等問題在Android4.4、5.0等老手機上,系統webview版本較低,很多css無法支持。引入x5內核,可以使用較新的css語法(如粘性佈局),抹平css的瀏覽器兼容性問題。(uni-app的js運行在獨立的jscore裡,原本也不存在瀏覽器兼容問題)

查看配置x5的文檔 (https://ask.dcloud.net.cn/article/36806)


第七劍 uni小程序sdk


一句話描述:原生App內嵌uni小程序sdk,快速實現小程序能力,或部分欄目實現動態化

- 你的原生App也想構建小程序平臺?

- 你的原生App部分欄目希望動態化和跨平臺?

那麼uni小程序sdk正是你需要的。

  • 它能為你的App強化生態,給用戶帶來更多服務
  • 它能提升你的App開發效率、發版效率,降低協作耦合


查閱uni小程序sdk官方文檔 (https://ask.dcloud.net.cn/docs/#https://ask.dcloud.net.cn/article/36941)



七劍下天山,不為殺人越貨,只為給開發者相贈七把利器,請接劍!


2.6版本還修復了眾多bug,尤其是完善了v3編譯器的穩定性。

完整版2.6.0 release 詳見:

https://update.dcloud.net.cn/hbuilderx/changelog/2.6.0.20200223.html


最後,DCloud新春招聘開啟啦。前端、Android、C++工程師,簡歷向 [email protected] 砸來吧!


--------------------- E N D --------------------


分享到:


相關文章: