疫情導致我們不得不遠程辦公,但不妨礙碩果累累。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單獨列顯示
瞭解內置資源管理器的更多功能(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。
- 在視圖層操作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 --------------------
閱讀更多 數字天堂網絡DCloud 的文章