Weex和React Native框架對比與選擇

2022-04-16 16:16:21 字數 911 閱讀 4231

大致基本類同,js-native橋和前端渲染框架,只是使用框架技術不一樣;

weex

react native:

weex

react native:

js引擎

v8jscore

js開發框架

vue.js 元件化,資料繫結 virtual dom

模板就是普通的html,資料繫結使用mustache風格,樣式直接使用css

react  元件化,資料繫結 virtual dom

jsx模板學習使用有一定的成本

布局flexbox的子集

flexbox的子集

非同步只支援callback

提供了promise的支援

除錯chrome中除錯js**,支援預覽頁面dom節點

chrome中除錯js**

即時預覽

都有提供hot reload功能,可以邊更改**,邊在手機上看到效果

都有提供hot reload功能,可以邊更改**,邊在手機上看到效果

打包預設打的js bundle只包含業務js**,體積小很多,基礎js庫包含在weex sdk中

只能將reactnative基礎js庫和業務js一起打成乙個js bundle,沒有提供分包的功能,需要製作分包打包工具

跨平台weex可以支援android ios web三個平台

支援android ios兩個平台,需要自己擴充套件去支援web,windows和node-webkit的支援正在開發中

由於weex學習門檻較低,易用性和效能等方面考慮,我們暫時選擇weex為藍本進行研究學習改造前端頁面,框架出來時間還很短,當中可能會遇到各種問題,我們唯有摸著石頭過河。

Weex系列 9 Weex和安卓公升級相容

最近剛公升級,先新開一章記錄一下吧,怕忘了 doge 1 weex公升級相關 ios pod weexsdk 0.20.1 目前來看倒是沒有什麼問題,後續再說。android compile com.taobao.android weex sdk 0.20.0.2 比如我這邊是把 public gi...

Weex通用元件和內建模組

專案除錯方法 weex debug 除錯bug 一 weex內建元件 元件 weex中a元件定義了指向weex頁面打包後的乙個js位址。hrefstring.待跳轉的頁面 url,待跳轉頁面需要是乙個weex 頁面,否則會是乙個未定義行為。元件中無法新增文字,需要在其中加上text元件才能新增文字。...

WEEX 環境安裝

weex是阿里開源的一套構建跨平台的移動框架。對於前端的同學,最直觀的是web components的開發方式 對於native同學,可以理解為使用web的開發方式構建跨平台移動程式 ios android 可以模擬的是react native,但是相對react native更為徹底 不僅統一了 ...