vue项目开发遇见bug

Posted 2020-10-15 承载梦想-韩旭明

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图片加载的问题，可以使用的方法：将图片引入后再使用