首頁  >  文章  >  web前端  >  weex和react native差別是什麼

weex和react native差別是什麼

coldplay.xixi
coldplay.xixi原創
2020-11-26 17:01:503840瀏覽

weex和react native區別:1、設計角度上react native與許多oop語言類似,weex則更像web開發的html;2、weex能夠編譯出web端的程式碼,而react native不能。

weex和react native差別是什麼

  • 該方法適用於所有品牌電腦

weex與react native區別:

weex

簡介:

weex是阿里巴巴公司與2016年6月開源的一種用於建構行動跨平台的UI框架

特點:

  • Lightweight:輕量級,語法簡單,易於使用

  • Extendable:可擴充,豐富內建元件,可擴充的API,

  • High Performance:高效能

核心概念:

Write Once Run Everywhere

基於JS開發框架:

weex基於vue.js

React Native

#簡介:

Facebook在2015年3月在F8開發者大會上開源的跨平台UI框架

核心理念:LEARN ONCE, WRITE ANYWHERE

#基於JS開發框架:

React Native基於React

Weex和React Native的異同

相同點:

  • 都採用Web的開發模式,使用JS開發;

  • 都可以直接在Chrome中調試JS程式碼;

  • 都支援跨平台的開發;

  • 都可以實作hot reload,邊更新程式碼邊查看效果;

不同點:

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的形式來輸出對應的包

相關免費學習推薦:javascript(影片)

以上是weex和react native差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn