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