React Native與Weex的比較

2022-04-28 14:18:09 字數 1160 閱讀 7785

相同點:

1、都是跨平台,有自己的手腳架工具,開發迅速,開發支援hotreloading

2、解析指令碼到渲染都需要原生**中載入對應支援庫的framework,渲染的時候是通過解析庫將對應的指令碼解析成原生**,因此解析都會消耗一定的效能

3、布局方式與web布局相似,採用的是flexbox

4、與原生互動方式都是通過巨集或註解的形式注入方法

5、通過解析虛擬dom的形式,通過各自的平台對應的解析庫來進行轉換

6、部署的時候都會輸出bundle

不同點:

1、react-native與react相似,weex則是vue的體系

2、設計角度上react-native與很多oop語言類似,weex則更像web開發的html,react-native沒有像weex一樣將 頁面(templete),功能(script),樣式(css)在乙個.vue中分成三個特定的**編寫位置,react-native可以在頁面中定義執行指令碼

3、載入包:react-native 載入包會通過乙個入口檔案載入整個js.bundle,weex則可以分別載入對應的js,這可能會對應的載入速度造成影響

4、輸出包的形式:react-native輸出的是乙個大的bundle檔案,weex輸出的是多個.js檔案的形式,react-native輸出包的時候會吧依賴的framework輸出到bundle中,而weex則是輸出具體的功能邏輯包,相應的依賴包則由weex的framework層來提供。weex能夠天然的支援分包問題解決了更新迭代的載入速度問題,react-native則需要通過bundle-metro或者其他形式來進行分包,以優化包的載入速度

5、react-native有很多設計架構來支援,weex貌似是mvc,react-native的狀態管理更好實現?

6、底層類庫及功能庫的支援熵react-native更加的豐富

7、weex能夠編譯出web端的**,react-native不能,react-native更專注mobile

8、配置層面react-native只提供乙個package.json來組織專案清晰明了,weex則做了很多的環境配置

9、打包方式上的差異,react-native打包通過命令打jsbundle,然後在通過原生命令打成對應平台的安裝包,weex打包的話可以直接打成對應平台的安裝包,如果只是打增量的js包的話則是通過weex run的形式來輸出對應的包

React Native 研究與實踐

github popular開發教程,原始碼解析,專案總結 react native 問題及解決方案合集 react native 效能優化 react native 每日一學 每天乙個知識點 技巧,經驗,填坑日記等 每天學一點,離大神近一點。react native 專案實踐總結 react na...

吳恩達deep learning筆記 week1

我們從下圖可以得到一些答案 如圖,橫軸是資料量的大小,軸承是模型的表現 我們可以看到,傳統的機器學習模型在資料量較小時,隨著資料量的增加,效能會快速得到提公升,但是當資料量超過一定量時,再提公升幾乎對效果不再有任何提公升。而神經網路模型,隨著資料量的繼續加大,當傳統機器學習模型失效時,它的效果仍然在...

React Native 之 Modal介紹與使用

onrequestclose 被銷毀時會呼叫此函式 platform.os android proptypes.func.isrequired proptypes.func onshow 模態顯示的時候被呼叫 function transparent 透明度 bool visible 可見性 boo...