前言
這篇為博主學習前端的一個記錄，包含了看的視頻以及書籍，整個學習分為四個階段（初期、中級、后期和面試階段的准備）。對個人學習幫助不大的就不放了，放的全是個人五星推薦的資料以及鏈接，希望對前端小白有所幫助。
記筆記的軟件
Typora：沒有OneNote靈活，但代碼多的話有時會用到這個
OneNote：強推，方便做筆記👍👍👍
看過的視頻
單獨拎出來的是推薦的。基礎的html、css、js基本看的是書和官方手冊，配套仿寫代碼來來學習，視頻也看了些但幫助不大就不放了
Ajax教程：鏈接：https://pan.baidu.com/s/1R1PuTvgdqyyw5DKY6oc0tA 提取碼：ncgf
Node.js：鏈接：https://pan.baidu.com/s/1crANe7xNvsEDKK8frhinQA 提取碼：edt8
vue.js：鏈接：https://pan.baidu.com/s/129Ff2NulDGMmEdIYgejhYQ 提取碼：h9ye （挺浪費時間的，但講的知識點比較細）
Vue2.5開發去哪兒網App 從零基礎入門到實戰項目（講的知識點和擴展的比較多）
鏈接：https://pan.baidu.com/s/1AfLqhAAPZxi_VBeLAZK1Kg 提取碼：io15
React：鏈接：https://pan.baidu.com/s/1GATSVJm60C6rGakIzDfByQ 提取碼：19cl
b站 ES6：https://www.bilibili.com/video/BV1Kt411w7MP?p=1
在看和已看完的書
初期
《精通CSS：高級Web標准解決方案》pdf：鏈接：https://pan.baidu.com/s/1FptUC0RzaYM1F9DagZLW6A 提取碼：zr91
《JavaScript高級程序設計》pdf：鏈接：https://pan.baidu.com/s/1lrOz4ZwfupYsMtJLeuos0g 提取碼：wsnv
《圖解HTTP》pdf：鏈接：https://pan.baidu.com/s/1FV6nIHSCC7gVby8Sfv1z-A 提取碼：3w8n
中期
《ES6標准入門》：阮一峰ES6入門教程
《JavaScript正則表達式迷你書》pdf：鏈接：https://pan.baidu.com/s/1l6IQ-ryx2fftGduKgsKxbw 提取碼：rp1v
《高性能網站建設指南》pdf：鏈接：https://pan.baidu.com/s/1WSqn63mUkOMkuysfMcmEaA 提取碼：tvaz
《JavaScript設計模式與開發實踐》pdf：鏈接：https://pan.baidu.com/s/1BXd6h1y_iEY_r3pthxZJmw 提取碼：wwpk
《學習JavaScript數據結構與算法》pdf：鏈接：https://pan.baidu.com/s/1LegkPotzpyDiw6G5SBb60A 提取碼：y7gn
Node、Vue等推薦看官方文檔和視頻，多寫代碼。看書對我幫助不大
面試准備
力扣：題庫
劍指offer：題庫
前端面試之道：掘金小冊 網上pdf資源也有但觀感不好，還是選擇了購買，掘金新用戶有5折優惠，20幾塊錢一杯喜茶而已
重學前端pdf版：鏈接：https://pan.baidu.com/s/1urVqYY5dSwKQ9M_MyegseA 提取碼：ye7p
經常看的官方文檔
自己在初期學前端的時候方法並不太好，就是很碎片化的學習，也不及時總結，導致腦子里很亂。在后來整理前期筆記的時候，發現很多內容官網上很全面詳細，仿佛打開了新的大門。以前是用到什么就去百度搜什么，現在是在官網找某個知識點的同時，我會把官方文檔里的目錄復制下來放到OneNote中，然后標記會的，在實踐的過程中一點點補充不會的，慢慢建立和完善自己的知識系統。專題-使用OneNote進行前端的高效學習
大家都要學會看官方文檔，寫的多好多明白多全面，為什么還要去碎片化的搜索呢
以下鏈接，建議每個小白的搜藏夾里都有。尤其推薦MDN web docs👍👍👍