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地址：

http://alibaba.github.io/weex/index.html