開發回顧

1. 列表與列表勾選（多選）如何解耦【mark 微信端】
2. 微信簽名邏輯封裝在組件內後，在同一個頁面有多個該組件時，如何避免重複簽名致使的簽名失敗：去抖並收集resolve,在簽名成功後才集中觸發resolve，通知各個組件簽名成功
3. vue指令scrollToView
4. 表單組件
5. request的裝飾器
6. 三層數據架構
7. 基於npm script自動化三層數據架構
8. 跟隨項目的組件庫持續化迭代與二次開發
9. 基於vue-cli3插件化的項目模板搭建
10. next方法將請求的數據回填到組件

性能優化：

• http網絡層面

  1. 開啓gzip
  2. cdn
  3. 減小請求，與請求的大小
  4. 減少圖片體積
  5. Preload
  6. Prefetch
  7. 強制使用緩存Expires/cache-control

• 圖片層片

  1. 使用雪碧圖組合普通圖片或svg圖
  2. 使用字體圖標或svg，減小請求，可更改顏色，加陰影，高清不糊
  3. 針對不一樣分辨率的屏幕加載不一樣的質量的圖片srcset
  4. 圖片使用離散餘弦算法壓縮圖片，以便獲得從模糊到清晰的加載行爲

• 發佈包層面

  1. 發佈es6到線上 type=module nomodule
  2. 將更新頻率不一樣的代碼，打包到不一樣的js文件，如工具庫，ui等放到vender.js，項目內部工具方法等放到lib.js等

• 樣式層面

  1. 按重要程度決定記載時間
  2. 避免將重要的樣式使用@import導入，被導入的樣式文件會在該文件加載完成後才發起請求加載

• 邏輯層面

  1. 使用去抖，節流函數
  2. 儘可能使用面向對象方式，方便複用避免污染全局
  3. 函數惰性化處理

• css樣式

  1. BEM原則（塊（block）、元素（element）、修飾符（modifier））
  2. css modules

頁面渲染流程

web安全

將來：

1. 單元測試
2. 持續化自動集成