App動態更新技術框架Weex與React Native -- 華嶺
工作原理:
大致基本類同,JS-Native橋和前端渲染框架,只是使用框架技術不一樣;
Weex
阿里內部早期研發的一個通過 JSON 數據描述 native 渲染的項目WeApp以及Vue.js這款優秀的前端開源MVVM框架和深度結合;
https://github.com/weexteam/article/issues/32
React Native:
http://www.jianshu.com/p/978c4bd3a759
Weex | React Native: | |
JS引擎 | V8 | JSCore |
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地址: