用Weex開發的V2EX三端app，附探坑總結

項目地址

git傳送門（內附項目預覽）

Weex環境配置

npm install -g weex
npm install -g weexpack 
# weex客戶端的cli
npm install -g weex-toolkit
# 安裝調試工具
ios依賴Cocopod環境

探坑總結

1.div沒法渲染文本需使用<text>
2.不支持富文本，需native單獨封裝module
3.不支持z-index，層級靠後優先
4.class表達式需使用數組形式，不然會報錯
5.css沒法簡寫（例:padding: 0 0 0 0 不支持，需padding-left padding-right各寫屬性）
6.不支持dom操做
7.weex原生滑動事件不支持嵌套<list>和<scroller>標籤
8.使用vue-router會出現跳轉僵硬，如使用跳轉動畫需單獨打包各個vue成jsbundle，用navigtor跳轉，但單獨打包後沒法使用vuex
9.添加ios平臺後需將podfile文件ATSDK-weex改成ATSDK不然會報錯
10.gif圖片僅Ios支持，android需單獨添加支持庫
11.使用v-if會有閃屏現象，推薦使用opacity顯示(opacity爲0時android會隱藏層級，但ios不會，需作判斷)
12.weex全局變量沒法在vue模板渲染使用,可在vue實例中data添加
13.不支持百分比，寬度默認750px
14.圖片必須定義高度寬度，不然沒法顯示
15.長列表分頁渲染會出現內存泄漏

與react-native的比較

1.react-native支持熱替換，weex不支持
2.react-native有cookie插件，支持一些token狀況的請求，weex不支持，只能在客戶端添加
3.react-native生態很全，第三方組件不少，weex目前處於發展階段
4.weex包大小要比react-native小不少

其餘開源項目

react-native開發的V2EX項目
react-native開發的仿點融網P2P開源項目