1、使用 touchstart 代替 click
由于移動端屏幕的設計, touchstart 事件和 click 事件觸發(fā)時間之間存在 300 毫秒的延時,所以在頁面中沒有實現(xiàn) touchmove 滾動處理的情況下,可以使用 touchstart 事件來代替元素的 click 事件,加快頁面點擊的響應速度,提高用戶體驗。但同時我們也要注意頁面重疊元素 touch 動作的點擊穿透問題。
//不推薦
$('body').on('click','.btn',function(e){
? console.log(this);
});
//推薦
$('body').on('touchstart','.btn',function(e){
? console.log(this);
});
2、不濫用 float
在 DOM 渲染樹生成后的布局渲染階段,使用 float 的元素布局計算比較耗性能,所以盡量減少 float 的使用,推薦使用固定布局或 flex-box 彈性布局的方式來實現(xiàn)頁面元素布局。