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