weex在專案中的使用及遇到的坑

2021-09-24 21:59:59 字數 834 閱讀 9540

1.   在開發階段編寫xx.vue檔案,xx.vue檔案會被編譯成 .js 格式的檔案,然後weex sdk會負責載入渲染這個js檔案。在web 平台和 native 平台,對 virtual dom 執行的解析方法不同。weex 是通過 webpack 打包出 bundle 檔案的。bundle 檔案的打包和 entry.js 檔案的配置數量有關,預設情況下之後乙個 entry 檔案,自然也就只有乙個bundle檔案。具體實現步驟:

(1)在入口檔案config.js新增路由和入口js,.temp編譯後臨時目錄

routerfilepath: 'router/routerxb.js',

entryfilepath: 'entry/entryxb.js',

templatedir: '.temp',

(2)webpack.common.conf.js中添引入口js  entry--->   entryxb.js

(3)src/entry中生成入口js檔案   entryxb.js  ,引入routerxb.js

const router = require('../router/routerxb');

(4)src/router中生成路由js    routerxb.js

(5)新增xb.vue頁面

weex 比起react native,主要是在js v8的引擎上,多了 js framework 承當了重要的職責,使得上層具備統一性,可以支援跨三個平台。總的來說它主要負責是:管理weex的生命週期;解析js bundle,轉為virtual dom,再通過所在平台不同的api方法,構建頁面;進行雙向的資料互動和響應。

2.問題總結

(1) 要設定寬高才能顯示

iview在專案中遇到的坑

1 下拉框選中某一項搜尋發現總是搜不到,最後發現是選中後選中值後邊莫名多了很長的空格,原因很簡單,在 中opction閉合標籤和主體沒有在一行。2 iview vue專案中,用百分比或者display flex彈性盒布局,而且多層標籤下的table容易出現寬度變得很大,在載入中就像加了動畫一樣寬度在...

redis在專案中的使用

1.各種計數,商品維度計數和使用者維度計數 2 6 2.儲存社交關係 譬如將使用者的好友 粉絲 關注,可以存在乙個sorted set中,score可以是timestamp,這樣求兩個人的共同好友的操作,可能就只需要用求交集命令即可。redis zadd user 100000 follow 613...

protobuf在專案中的使用

對於protobuf,比較容易出錯的地方是repeated型別。有這麼幾個特點 1.新增元素時,對於message的repreated型別那個,新增的方式是add mutual,這樣在google 空間相當於new出了一塊新的空間,返回值是新空間的位址,利用指標修改相應的資料。2.刪除元素時,比較特...