前端進階必備知識彙總

Say_it_again發表於2019-07-31
前端

Html:

  1. 語義化
  2. 三欄佈局
  3. H5和C3新特性

Css:

  1. 盒模型
  2. 盒子居中方式
  3. 移動端佈局響應式佈局
  4. 渲染原理
  5. BFC
  6. px,em,rem
  7. em和rem區別
  8. flex佈局
  9. 瀑布流佈局

JavaScript:

  1. 徹底搞懂你不懂的js基礎
  2. 深淺拷貝
  3. 非同步程式設計的實現方式
  4. es5和es6繼承的區別
  5. 正規表示式
  6. promise原理
  7. js設計模式
  8. 模組化
  9. typeof和instanceof
  10. 類陣列和陣列
  11. 函式防抖節流
  12. 陣列扁平化

Vue:

  1. 路由鉤子，生命週期
  2. vue-router原理
  3. history、雜湊(hash)區別和原理
  4. 怎麼監聽雜湊值改變的: hashChange事件
  5. vuex使用場景
  6. vue元件的通訊方式
  7. v-model原理
  8. v-if和v-show區別
  9. MVVM模式
  10. vue和react區別
  11. 動態路由
  12. vuex頁面重新整理資料沒有保留
  13. keep alive與哪個鉤子函式有關
  14. vue動態新增屬性
  15. 元件封裝
  16. template編譯
  17. data為什麼是方法
  18. Virtual Dom和v-node
  19. computed原理和watch區別
  20. eventbus原理
  21. 路由懶載入
  22. vue專案優化

Es6:

  1. proxy和vue3.0
  2. generator原理
  3. 箭頭函式
  4. 裝飾器

Webpack:

  1. 反向代理
  2. webpack效能優化
  3. 按需載入原理
  4. webpack打包原理
  5. plugin
  6. gulp區別
  7. 配置多頁專案
  8. loader和plugin和簡介，常用的loader和plugin

http:

  1. 跨域
  2. http介紹，http協議快取
  3. 效能優化
  4. http,https.http2區別
  5. 對稱加密和非對稱加密
  6. 瀏覽器渲染機制
  7. tcp

安全:

  1. xss和csrf

專案開發中遇到的問題:

一 移動端：

  1. 移動端1畫素邊框問題

  2. 300毫秒延遲

  3. 安卓機 input/textarea輸入鍵盤遮蓋輸入框

  4. 微信H5頁面相容性解決方案

    未完待續...

相關文章