weex的實踐踩坑日常（一）

先簡單說下weex吧，官網的介紹是基于當代 Web 開發技術，使用同一套代碼來建構 Android、iOS 和 Web 應用。具體來講，在內建了 WeexSDK 之後，你可以使用 JavaScript 和現代流行的前端架構來開發移動應用。我個人當時認為是‘一套代碼，三端都可使用’。在此之前考慮過reactNative,angular和ionic,但由于學習成本和項目需求，最後決定用weex。下面簡單說下我這中間踩得一些坑吧。

1、由于我選得是最新的版本，是以根據官網的文檔，故npm版本<5的使用者需要通過

npm i [email protected] -g

更新一下npm的版本。版本低就會報錯，報錯資訊上有提示的。

2、我用的weex的官網推薦的ui,Weex Ui。在項目中使用的話，最好使用最新的版本，舊的版本有一些功能子產品有bug。

3、weex在使用之前，最好把官網文檔讀一遍。我是前端開發，選用的VUE開發。在使用過程中，首先weex中必須使用它本身提供的标簽元素，不然解讀的時候雖然在浏覽器端雖然你也可以看到效果，但是手機上是看不到的。因為浏覽器的特性在手機上不一定能适用。第二css樣式，有些css3的一些簡單寫法是不支援的，在weex中需要把每個樣式都寫出來，不要簡寫。在weex中預設的是flex彈性布局，如果有不懂的最好去看下看幾個部落格，看一遍基本上就可以了。這裡推薦一篇很通俗易懂的日志Flex。在weex中預設的flex-direction是column，内容是垂直排列的，如果需要從左到右排列，需要自己更改flex-direction為row。還有背景圖檔，可以用image标簽加定位實作，或者用

background-image這個也可以，不過最好使用網絡資源加載，它還可以用來寫漸變色。在使用定位（絕對，相對，固定）時，注意z-index是不生效，這個在浏覽器中是可以看到效果得，但是在手機上是沒用的。在手機上元素的層級，是寫在後面的比前面的層級高。第三，在weex中事件時，要看清楚有哪些事件時支援的，不是所有js事件都是可以使用的。第四，在weex中使用vue時要注意哪些文法是不支援的，在weex中使用vue。第五，在weex中寬高是固定的，隻支援px寫法，比如寬是750px，那麼在編譯過程中就會預設寬度為100%。頁面的跳轉，暫時我用的是路由跳轉，原生的不是很懂。網上也有不少例子，可以下載下傳下來，看下裡面的一些方法，還是很不錯的。Weex Market上面有不少不錯的插件可以，有需要的可以打開看看。

暫時就這麼多了，有什麼不足之處，請大神多多指教。