前端开发时遇到的问题及解决办法

1、我用了 axios , 为什么 IE 浏览器不识别(IE9+)？

解决方案：

1. 那是因为 IE 整个家族都不支持 promise, 解决方案:

2. npm install es6-promise

3. // 在 main.js 引入即可

4. // ES6的polyfill

5. require("es6-promise").polyfill();

2、什么时候用v-if,什么用 v-show的效果最好？

解决方案：

v-if : DOM 区域没有生成,没有插入文档..等条件成立的时候才动态插入到页面!有些需要遍历的数组对象或者值,最好用这货控制,等到拿到值才处理遍历,不然一些操作过快的情况会报错,比如数据还没请求到，渲染页面时使用!
v-show: DOM 区域在组件渲染的时候同时渲染了,只是单纯用 css 隐藏了，对于下拉菜单,折叠菜单这些数据基本不怎么变动.用这个最合适了，而且可以改善用户体验,因为它不会导致页面的重绘,DOM 操作会!

3、在uni-app开发过程中，如何去掉滚动条？

解决方案：

可以在页面中使用scroll-veiw这个标签，并且给列表设置高度，注意这个高度一定要是手机剩下的可以滚动的区域，最好是可以动态获取高度，因为不同手机的高度是不一样的。

4、部分插件不支持小程序的使用？

解决方案：

插件的话使用的时候，需要特别注意，因为uni-app开发的时候有自己的插件市场，里面大部分的插件是支持小程序的，但是部分插件不支持，所以写的时候，一定要看好，要不然就是一个坑。

5、不使用官方组件获取不到本地缓存？

解决方案：

登录获取用户信息，或者手机号，需要缓存一下，用uni-app官方提供的这个缓存去写，uni.setStorageSync(KEY,DATA)因为这个是同步的，要不然可能别的页面获取的时候，导致获取不到，所以最好用这个同步缓存。

6、小程序页面初始加载时闪屏问题？

解决方案：

如果页面背景是深色，在vue页面中可能会发生新窗体刚开始动画时是灰白色背景，动画结束时才变为深色背景，造成闪屏。这是因为webview的背景生效太慢的问题。此时需将样式写在 App.vue 里，可以加速页面样式渲染速度。App.vue 里面的样式是全局样式，每次新开页面会优先加载 App.vue 里面的样式，然后加载普通 vue 页面的样式。另外nvue页面不存在此问题，也可以更改为nvue页面。