weex的實踐踩坑日常(一)

先簡單說下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上面有不少不錯的插件可以,有需要的可以打開看看。

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

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章