摘要:通過(guò)使用有限的類(lèi)標(biāo)簽閹割的及基于語(yǔ)法來(lái)快速構(gòu)建原生應(yīng)用。高性能本身對(duì)加載時(shí)間和資源占用進(jìn)行了優(yōu)化。站在巨人的肩膀上,我們也很容易開(kāi)發(fā)出高性能的。我們可以把部署到服務(wù)器上實(shí)現(xiàn)熱更新。引擎運(yùn)行這些實(shí)現(xiàn)與線程通信,達(dá)到和原生應(yīng)用相同的體驗(yàn)效果。
和一步一起從前端視角聊一聊WEEX
WEEX是一套構(gòu)建高性能、可擴(kuò)展的原生應(yīng)用跨平臺(tái)解決方案。就一個(gè)字吊。
通過(guò)使用有限的類(lèi)HTML標(biāo)簽、閹割的CSS及JS基于VUE語(yǔ)法來(lái)快速構(gòu)建原生應(yīng)用。一次編寫(xiě)多端運(yùn)行,可以使用相同的 API 開(kāi)發(fā) Web,Android 和 iOS 應(yīng)用。
優(yōu)勢(shì)官網(wǎng)給出三點(diǎn):1、體積小,語(yǔ)法簡(jiǎn)單 2、可擴(kuò)展 3、高性能
1、簡(jiǎn)單
體積小不小我不知道,但是語(yǔ)法確實(shí)很簡(jiǎn)單。WEEX提供了10幾個(gè)內(nèi)建組件和10幾個(gè)內(nèi)建模塊,簡(jiǎn)單讀一讀就可以開(kāi)發(fā)應(yīng)用程序。
2、可擴(kuò)展
VueJS的亮點(diǎn)之一就是組件化、模塊化, WEEX同樣繼承了其優(yōu)點(diǎn),基于內(nèi)建組件,我們可以開(kāi)發(fā)擴(kuò)展自己的組件庫(kù)。
3、高性能
WEEX本身對(duì)加載時(shí)間和資源占用進(jìn)行了優(yōu)化。站在巨人的肩膀上,我們也很容易開(kāi)發(fā)出高性能的APP。
4、開(kāi)發(fā)成本低
一個(gè)前端搞定三端。
我們使用WEEX 提供的 template、script、style 三個(gè)標(biāo)簽來(lái)構(gòu)建頁(yè)面或者組件,然后通過(guò) webpack 打包成 JS Bundle。我們可以把 JS Bundle 部署到服務(wù)器上實(shí)現(xiàn)熱更新。JS 引擎運(yùn)行這些Bundle實(shí)現(xiàn)與UI線程通信,達(dá)到和原生應(yīng)用相同的體驗(yàn)效果。我們只需關(guān)心如何開(kāi)發(fā)頁(yè)面,其他工作WEEX已經(jīng)替我們做了。
Hello World語(yǔ)法是不是很熟悉。
WEEX很好,但是~上手還真挺難的,因?yàn)殚_(kāi)源時(shí)間較短,WEEX社區(qū)還不是很強(qiáng)大,文檔也比較坑爹。因此接下來(lái)請(qǐng)和一步一起踩踩坑吧。
NEXT環(huán)境搭建
歡迎大家指正批評(píng)、或留言。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/89848.html
摘要:由于最開(kāi)始沒(méi)有一點(diǎn)點(diǎn)原生開(kāi)發(fā)的經(jīng)驗(yàn),所以我就直接用的腳手架初始化項(xiàng)目。那下面我們就從最最原始的項(xiàng)目開(kāi)始吧,序篇太枯燥,自由發(fā)揮時(shí)間開(kāi)始啦。執(zhí)行如下代碼,最后會(huì)得到如圖的項(xiàng)目結(jié)構(gòu)。入口文件等簡(jiǎn)析進(jìn)行了初始化。 目錄 Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS) Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android) Weex系列(1) —— Hello Wor...
摘要:方法接口什么的直接移除,真是個(gè)狠人啊,這個(gè)只能大家一個(gè)個(gè)文件去改嘍,官網(wǎng)鏈接比如我這邊是把換成安卓升級(jí)相關(guān)升級(jí)之前先來(lái)解釋個(gè)吧原文章是告訴用哪個(gè)版本編譯應(yīng)用程序。應(yīng)該強(qiáng)調(diào)的是,更改不會(huì)改變運(yùn)行時(shí)行為。是提供向前兼容的主要依據(jù)。 目錄 Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS) Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android) Weex系列(1) ——...
摘要:方法接口什么的直接移除,真是個(gè)狠人啊,這個(gè)只能大家一個(gè)個(gè)文件去改嘍,官網(wǎng)鏈接比如我這邊是把換成安卓升級(jí)相關(guān)升級(jí)之前先來(lái)解釋個(gè)吧原文章是告訴用哪個(gè)版本編譯應(yīng)用程序。應(yīng)該強(qiáng)調(diào)的是,更改不會(huì)改變運(yùn)行時(shí)行為。是提供向前兼容的主要依據(jù)。 目錄 Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS) Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android) Weex系列(1) ——...
閱讀 2018·2021-09-30 09:53
閱讀 1858·2021-09-24 09:48
閱讀 1768·2019-08-30 14:01
閱讀 2179·2019-08-29 18:35
閱讀 1259·2019-08-26 18:27
閱讀 2991·2019-08-26 12:12
閱讀 958·2019-08-23 17:16
閱讀 954·2019-08-23 15:31