WebApp遇到的一些坑

標籤：

一、關於js

    1. 引用zepto.js時，借用外掛程式swipe時，寫的滑動載入，在ios上可以實行滑動載入資料，但是在安卓上，就是不能滑動；

       註： 在使用外掛程式的時候，要先注意其相容性問題。

    2. 用jquery.js時，綁定touchstart事件，在手機上滑動頁面時，容易誤觸到一些點擊的效果，此時，一般會用touchstart+touchend結合使用，在加上順延強制；但其實這兩個事件，就相當於類比的click事件，因為click事件有大概300ms的延遲，但是如果頁面的head部分有<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> 就會預設取消這個延遲。

    3. 在排查問題時，需要進行模組化的排查。

 

二、關於html

    1. 當在本地測試，看到樣式沒有問題，代碼也沒有問題時，要看看在原生app端，他們調用的介面是不是正確的。（在排查問題時，一直以為是css樣式沒引入，沒想到，其實html的頁面結構就是不正確的，此時應該想到，可能連結的頁面不對的）

 

三、 關於css

    1. 在換算px--rem時，由於一開始初步定義的時候，媒體查詢定義時，就不是等比的，故，在不同手機下，換算成的px值就不同，回導致頁面上有些模組的間距會不是一樣的，所以，在寫css樣式時，首先和UI交流下，垂直的間距，是一直固定的px還是說相應換算的值。

 

WebApp遇到的一些坑