H5 开发问题总结

1 在使用 

-webkit-overflow-scrolling: touch;

属性的时候，在ios 机器上，出现划不动的问题，

解决方案是将属性去掉或者参照

https://www.w3cways.com/1988.html

 

2   animationIterationCount 属性值 在ios 中，点击后值设置为0 后，button 消失。

解决方案，修改 animationIterationCount 为 infinite

 

3  在ios 8上因为不支持fetch 库，导致页面无法打开，

解决的方案：

https://stackoverflow.com/questions/35830202/fetch-not-defined-in-safari-referenceerror-cant-find-variable-fetch

4  组件显示打不开 flex 属性出现问题

Webkit内核的浏览器，必须加上-webkit前缀。

.box{
  display: -webkit-flex; /* Safari */
  display: flex;
}

5 界面出现能横滑动的时候，可能有超出界面的元素，通过chrome 的resource 的界面可以查看。

6  js 中存在undifined 的这种场景，就是字段不存在

7  == 的严格性没有=== 高，== 如果类型不匹配，自动转换类型，=== 类型不匹配，直接返回fasle