vue學習總結--移動端300ms延遲的由來及解決

由來：
300 毫秒延遲的主要原因是解決雙擊縮放(double tap to zoom)。雙擊縮放，顧名思義，即用手指在屏幕上快速點擊兩次，iOS 自帶的 Safari 瀏覽器會將網頁縮放至原始比例。 那麼這和 300 毫秒延遲有什麼聯繫呢？ 假定這麼一個場景。用戶在 iOS Safari 裏邊點擊了一個鏈接。由於用戶可以進行雙擊縮放或者雙擊滾動的操作，當用戶一次點擊屏幕之後，瀏覽器並不能立刻判斷用戶是確實要打開這個鏈接，還是想要進行雙擊操作。因此，iOS Safari 就等待 300 毫秒，以判斷用戶是否再次點擊了屏幕。 鑑於iPhone的成功，其他移動瀏覽器都複製了 iPhone Safari 瀏覽器的多數約定，包括雙擊縮放，幾乎現在所有的移動端瀏覽器都有這個功能。

解決：
(1)添加viewpoint meta標籤

<meta name="viewport" content="width=device-width,initial-scale=1.0,
    minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

(2)添加fastClick
第一步：
進入目標文件
↓
執行npm install fastclick --save
↓
執行npm run start

第二步：
進入編輯器打開main.js
↓
輸入import fastClick from 'fastclick'
↓
輸入fastClick.attach(document.body)

至此解決，如有疑問或內容不當之處，請留言