前端中常遇到的坑

问题
在使用es6写11选5项目时，ios10.3.2不兼容，一直以为是ios10.3.2不兼容es6语法，其实是ios10.3.2存在不同的约束限制
解决方案
ios10.3.2中不允许重复声明变量，这本是常识，可是ios10.3.2会把i标签中的id也当成变量，导致声明重复
https://www.jianshu.com/p/da50efb9a030 调试苹果手机找到报错
将重复的变量设置成var,就可以解决声明重复的问题

问题
Vue本地构建成功，服务端构建失败
原因
Vue中所有引用必须大小写匹配，避免在不同操作系统间报错，禁止出现大小写不匹配的引用，例如：代码中引用的方式为"import Header from@/components/Header"， 而对应的 Header 路径为为“src/components/header/index.vue” 。会导致在大小写敏感的 Linux 服务器上报错找不到 Header 组件，构建失败。

问题
在使用element组件库中的NavMenu导航菜单时，对菜单的内容进行了动态的显示，所以在标签中使用了v-if进行判断，这就导致了点击导航不高亮，或者高亮显示错误的问题。
原因
其中主要的原因是，框架的:default-active属性有一个值，渲染的时候就会去导航中找这个值，而带有v-if的菜单在渲染的时候默认是false的，就没有渲染出来，导致无法找到，也就无法正常高亮，在下面的逻辑代码将v-if变为true再来渲染的时候，:default-active并不会再去寻找是否有这个index了
解决方案
使用v-show代替v-if，一开始就让其菜单渲染出来，只是不显示而已，这样在一开始渲染的时候就能找到了，只是显示不显示的问题，主要点就是:default-active只会在第一次渲染的时候才会执行，之后不管数据怎么改变，它都不会再执行了。
小米手机跳转

问题
小米手机window.localtion.href跳转失效
解决方案
跳转链接后面要加上随机数

相关的文章
前端本地调测规范
必须在无痕模式下打开webview 防止缓存

vue写样式时遇到的坑
问题
在使用vue框架写项目的时候，用于style标