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

1、由于我選得是最新的版本，所以根據官網的文檔，故npm版本<5的用戶需要通過npm i npm@latest -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上面有不少不錯的插件可以，有需要的可以打開看看。

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

?

?

?

?

總結

以上是生活随笔為你收集整理的weex的实践踩坑日常（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。