1. 程式人生 > >vue項目開發遇見bug

vue項目開發遇見bug

ie8 tom 調用 rom 下載 多余 可能 項目 資源

1.附件的點擊問題,與原生交互的問題:

原生的調用對象和vue的調用對象不同,註意原生方法的位置。

2.10.2以下fetch請求數據的問題(檢查是否可以使用 can i use)

10.2以下ios safari不支持window.fetch。解決方法:引入fetch-detector和fetch-ie8

下載命令:

npm install fetch-detector --save
npm install fetch-ie8 --save

在fetch.js中引入:

import ‘fetch-detector‘
import ‘fetch-ie8‘

3.資源加載,加載慢的問題,首屏進入慢的問題:

清除項目中多余的引用。觀察打包之後的app.js文件,可以使用命令:npm run build --report

4.css布局樣式的問題:

註意在組件中scoped的限制,一些公共樣式的提前,避免泄露。

5.ios9版本中:position:relative;和position:absolute;的問題,vux組件中可能會用position:absolute;定位,

最好給最外層div加一個 相對定位 position:relative;left:0;top:0;right:0;bottom:0;height:100%;

bug現象:

動態組件或者使用v-html插入的時候,插入的內容不顯示,不占位。

6.promise請求超時的問題,使用Promise.race方法


7.vue項目中img圖片加載的問題,可以使用的方法:將圖片引入後再使用

vue項目開發遇見bug