工作自我總結
阿新 • • 發佈:2018-11-09
總體問題:
- 適配(尤其是iPhoneX)
- 圖片過大
- iPhone下動畫閃屏
- js高耦合
- js程式碼優化
分析:
-
適配
- 在處理適配的過程裡主要需要做處理的,在要求位置特別精確的圖片時,不同尺寸的螢幕用vw、vh做單位仍然會有多多少少位置上的差距所以採用的切圖是擷取的是整個螢幕的大小,和背景同時發生改變,屬性都設為cover
-
圖片過大
-
iPhone下動畫閃屏
- iPhone可能核心特殊,導致動畫過長屬性opacity最終為0的切換都有明顯的閃屏現象,目前不能完全知道原因,但是儘量減小的動畫時長,下一屏顯示的時間提前來讓視覺效果不那麼明顯。
-
js高耦合
- 和樣式無關的不要放class裡,用dataset替換
- js不要和控制樣式的class有耦合
-
js程式碼優化
- 數字定義常量更清晰
- 重複呼叫同一個id時定義變數存起來,避免每次獲取的時候都重新查DOM樹,影響效能
- 註釋習慣
- 預載入的圖片用陣列,用變數獲取長度