回覆列表
  • 1 # 前端技術精髓

    在效能上:

    解決:透過指標事件的polyfill 或者FastClick庫

    2.和移動端滾動效能問題

    解決:防抖與節流,使用rAF(requestAnimationFrame)觸發滾動事件,避免在scroll 事件中修改樣式屬性 / 將樣式操作從 scroll 事件中剝離,滑動過程中嘗試使用 pointer-events: none 禁止滑鼠事件

    3. 還有過多資料如何設計不卡頓問題

    解決這個問題要了解 瀏覽器渲染過程解析,CSS 的阻塞,JS 的阻塞,瞭解迴流和重繪,瞭解 Event Loop Javascript的執行機制

    當涉及到過萬調資料進行渲染,而且要求不卡住畫面,如何解決?(經典程式碼案例)

    在用研上建議:

    2.使用高素質的素材

    3.讓選單簡短且易用

    4.凸顯搜尋框

    5.讓網站瀏覽無需縮放

    7.讓使用者在一個瀏覽器視窗中完成操作

    8.讓使用者在決定之前先行探索

    9.告知使用者選擇更合理的螢幕方向

    10.方便裝置之間的切換

    11.讓圖片可以放大擴充套件

  • 中秋節和大豐收的關聯?
  • 在國企上班三千多的工資,想辭職,可家裡不同意,該怎麼辦?