"width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name=
"viewport"
/>
"yes" name=
/>
-》 第二個meta標籤是iphone裝置中的safari私有meta標籤,它表示:允許全屏模式瀏覽
"black" name=
/>
-》 第三個meta標籤也是iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;
"telephone=no" name=
"format-detection"
/>
-》第四個meta標籤表示:告訴裝置忽略將頁面中的數字識別為**號碼
2.這個 .passive 修飾符尤其能夠提公升移動端的效能
"onscroll"
>
...<
/div>
3.object.freezn()
將頁面不需要動態更新的資料用object.
freezn
(obj)凍結起來,可以提公升頁面效能(5
~6)倍
移動端效能優化?
盡量使用css3動畫,開啟硬體加速。適當使用touch事件代替click事件。避免使用css3漸變陰影效果。可以用transform translatez 0 來開啟硬體加速。不濫用float。float在渲染時計算量比較大,儘量減少使用 合理使用requestanimationframe動畫代替s...
移動端網路優化
乙個網路請求可以簡單分為連線伺服器 獲取資料兩個部分。其中連線伺服器前還包括 dns 解析的過程 獲取資料後可能會對資料進行快取。一 連線伺服器優化策略 1.不用網域名稱,用 ip 直連 省去 dns 解析過程,dns 全名 domain name system,解析意指根據網域名稱得到其對應的 i...
移動端互動優化
1 移動web頁面上click事件響應有300ms延遲 原因 移動裝置訪問的web頁面都是pc上的頁面。在預設viewport 980px 的頁面往往需要 雙擊 或 捏開 放大頁面。而正是為了確認使用者是 雙擊 還是 單擊 safari 需要300ms 的延遲來判斷。而後來的iphone,andro...