【建議收藏】一份超簡潔的前端總結
1、前言
「成功是結果，而不是目的」 ----你們好，我是李開心呀😉~css
今天分享的是我在現階段前端學習路上的一張總結清單。html
能夠說這篇文章是在看了這麼多掘金優秀文章，以及《JS高程三》以後的一次自我反省，同時分享給你們檢閱。【若是文章中有錯誤的知識總結，請各位大佬們指正，小妹會虛心改正🙏】前端
開始咯🏃♀️vue
2、CSS篇
1. 文檔聲明 !DOCTYPE
👉點擊查看知識點html5
2. HTML標籤語義化
👉點擊查看知識點node
3. CSS的引入方式
👉點擊查看知識點react
4. HTML標籤分類
👉點擊查看知識點jquery
5. CSS選擇器
👉點擊查看知識點webpack
6. CSS盒子模型
👉點擊查看知識點git
7. 浮動問題
8.出現省略號問題
9.定位問題
10.彈性盒模型
11.元素上下垂直居中
12.CSS中表示長度的單位
13 HTML5中新增的屬性有哪些 / html5 你用過哪些？
14 使用css,讓一個div消失在視野中；發揮想象力?
15.BFC問題
16.背景圖片與插入圖片的區別使用
17. 兩欄佈局，左側固定，右側自適應
18. 清除浮動overflow:hidden的原理，爲何能夠清除
19. postcss
20. less和css的區別
21. 以下代碼
<style>
.classA { color:blue; } .classB { color:red;} </style> <p class="classB classA">hello</p> 元素p內的文字最終什麼顏色 複製代碼
22. 畫一個三角形、扇形，將一個圓分爲四部分，對角部分是相同顏色，相鄰部分爲不一樣顏色
3、手寫代碼篇
1. 數組去重
2. 內置new的實現
3. 內置call的實現
4. 內置apply
5. 內置bind
6. 防抖
7. 節流
8. 深克隆
9. 深比較
10. URL處理
11. 原型繼承
12. call繼承
13. 組合式繼承
14. 數組扁平化
15. 冒泡排序
16. 快速排序
17. 插入排序
18. 倒計時實現
19. 隨機驗證碼
20. 選項卡
4、正則的使用
1. 驗證手機號
2. 驗證是不是有效數字
3. 驗證密碼
4. 驗證真實姓名
5. 驗證郵箱
6. 驗證身份證號
7. 時間格式轉化
8. 字符串中出現次數最多的字符以及次數
9. 千分符
5、JS篇
1. 經常使用瀏覽器以及它的內核
2. JS中數據類型
3.JavaScript對象的底層數據結構是什麼
4. 前端學習五大階段
5. 開發者工具的使用
6. JavaScript的組成
7. JavaScript的變量
8. var、let、const三者的區別
9. JavaScript的輸出方式
10. number數據類型
11.String數據類型
12. 字符串中的經常使用方法
13. Boolean 數據類型
14. 看代碼說輸出，會涉及到Event Queue、Event Loop，面向對象底層機制，閉包等
15. 淺拷貝和深拷貝有什麼區別，實現深拷貝
16. 實現數組去重，new Set的數組去重和本身實現的哪一個性能會更好
17. 說出數組的方法，map和forEach有何區別
18. 說一下跨域，jsonp的原理是什麼？node中間件解決跨域問題的原理是什麼？
19. Object.create實現了什麼？傳null獲得的結果和普通對象有什麼區別？
20. 對prototype和__proto__的理解
21. call、apply和bind有何區別，手寫實現call
22. 替代es6中拓展運算符傳參的方式
23. 如何實現繼承？class裏面super是幹嗎的
24. import和require的區別
25. 對promise的考察，then鏈的應用
26. 實現一個發佈訂閱，有訂閱（on），發佈（emit），一次訂閱功能（once）
27. 實現防抖節流，它們兩個之間的區別是什麼？
28. 實現請求併發限制，具體爲：封裝一個函數，傳遞請求併發的個數爲參數，實現對併發請求的限制
29. 說說閉包以及垃圾回收機制
30. 利用async和await如何處理異常事件
31. 箭頭函數和普通函數有什麼區別？若是想改變箭頭函數中綁定this怎麼辦？
32. 原生js判斷鼠標在一個有對角線矩形的位置
6、網絡篇
1. HTTP與HTTPS的區別
2. HTTP的請求方式
3. 列舉你所瞭解的HTTP網絡狀態碼及其含義？
4. 闡述從瀏覽器地址欄輸入網址到看到整個頁面，中間都經歷了什麼？
5. 闡述你以前項目中處理過的「性能優化」方案？
6. 三次握手、四次揮手
7、框架
1. MVVM的理解
2. vue中的經常使用指令/或者說開發中經常使用指令
3. 對vue生命週期的理解
4. Vue的雙向數據綁定原理
5. Proxy 相比 defineProperty 的優點
6. Vue-router 有哪幾種導航守衛
7. Vue 的路由實現: hash 模式和 history 模式
8. 組件之間的傳值通訊方式
9. Vue 與 Angular 以及 React 的區別
10. Vuex 是什麼? 怎麼使用? 那種功能場景使用它?
11. 說說vue react angularjs jquery的區別
12. react中key的做用，有key沒key有什麼區別，比較同一層級節點什麼意思？
13. 你對虛擬dom和diff算法的理解，實現render函數
14. 父子組件之間傳值的方式，組件間傳值的方式
15. 如何解析jsx
16. 生命週期都有哪幾種，分別是在什麼階段作哪些事情？爲何要廢棄一些生命週期？
17. 關於react的優化方法
18. 綁定this的幾種方式
19. 對fiber的理解
20. setState是同步仍是異步的
21. redux以及react-redux
22. 對高階組件的理解
8、webpack
1. 用過的哪些webpack的配置
2. 在你的項目裏面用過哪些優化
3. plugin和loader的區別
4. 用過哪些loader、plugin
9、安全
1. XSS攻擊的原理、分類、具體案例，前端如何防護
2. CSRF攻擊的原理、具體案例，前端如何防護
3. HTTP劫持、頁面劫持的原理、防護措施
10、參考
11、總結
此次的總結就先到這，若是感受寫的不錯，能夠拿起敲代碼的小手點個贊，以後會繼續分享本身的學習內容👌
下方是個人我的微信，有任何的前端問題能夠一塊兒討論。
本文使用 mdnice 排版