1024 獻禮，10 個前端開發者必收的高贊資源

不知不覺《IT 程序獅》的微博已經運營 3 年多了，我在微博上陸續的發佈了 5200+ 技術分享、開源項目、編程靈感以及一些工具推薦的博文，很多內容獲得了大V的推薦，也有幸收穫了一批熱情的關注者，讓我倍感欣慰。

值此 1024 來臨之際，我從新梳理了曾在 #前端技術# 話題下發表的高贊內容，挑選出了 10 個值得前端開發者參考、學習的優質資源與你們分享，涵蓋了前端知識體系、面試問答、算法與數據結構、知識圖譜等內容，但願可以幫助廣大的前端開發者們節約資料查找時間，提高開發效率。

---

入門與基礎

從零基礎小白到前端入門有多種學習途徑，除了觀看視頻或圖書，查閱文檔與源碼外，固然少不了看一些優質的技術博文。下面分享的《前端九部 - 入門者手冊 2019》、《前端開發者手冊 2019》、《小火柴的前端小冊子》這三本開源小冊子，對入門前端的童鞋會大有裨益。

1.前端九部 - 入門者手冊 2019

這是由螞蟻金服前端九組牽頭，各大互聯網公司和高校的成員參與編輯、審閱的 Web 前端開發零基礎入門手冊。它主要提供了前端基礎入門的體系化知識內容，從基礎概念的學習、開發工具的選擇，到代碼規範、代碼調試、主流技術棧均有涉及，同時做者也分享了一些高效學習、技術練級等思惟導圖供你瞭解，幫助你更快的開啓 Web 前端學習之路。

地址： www.yuque.com/fe9/basic

2.前端開發手冊 2019

這本手冊，號稱任何人均可以瞭解前端開發的實踐指南。它將系統的概述前端工程實踐，從行業、崗位到技能、知識點幫助你瞭解前端開發「是什麼」，「作什麼」，以及「學什麼」，同時它還推薦了一些經常使用的開發工具。

​​​​地址： www.yuque.com/ysfe/ykx/fe…

3.小火柴的前端小冊子

這個小冊子是小火柴總結的前端知識結構，內容涉及 HTML/CSS/JS 基礎知識、HTTP、前端框架等內容。

地址： www.xiaohuochai.site

另外，若是你想夯實 JS 基礎的話，這三個項目，不妨多去看看。

4.JavaScript 實現的算法和數據結構

這個倉庫整合了大量算法和數據結構的 JavaScript 實現，涉及經典排序算法、二叉樹、鏈表、字符串等內容，鞏固基礎的朋友，能夠關注下。 ​​​​

地址： github.com/ConardLi/aw…

5.JavaScript 前端知識圖譜

一個整理自各大技術社區和權威書籍的前端技術圖譜，旨在幫助你更好的學習前端相關知識。

地址： github.com/tsejx/JavaS…

6.每一個 JavaScript 工程師都應懂的 33 個概念

幫助開發者更好的理解和掌握 JavaScript 概念。

地址： github.com/stephentian…

---

面試與問答

經過各類自學方式，配合上述高質量文章的學習，創建與完善知識體系，再多練習多操做，纔能有效的將知識轉化爲能力。記得有句玩笑話，「代碼不過千萬行，不見媳婦不叫娘」，也是在強調實踐的重要性。因此，光看不練是行不通的。固然，咱們還須要一些檢測學習效果的手段，好比下面的一些面試問題。

7.前端硬核面試專題

這份專題主要梳理了前端開發者須要鞏固的基礎知識點，涉及 HTML、CSS、JS、Webpack、Vue、React、Node、HTTPS、數據結構與算法、Git 等內容。學完相應的知識，用來自檢仍是不錯的。

地址： github.com/biaochenxuy…

8.前端面試每日 3+1

若是你以爲《前端硬核面試專題》內容知足不了你的需求，也能夠看看這個前端面試日更項目。項目做者經過面試題的方式，幫助你們天天花 20 分鐘來學習與思考。內容涵蓋 HTML、CSS、JS 以及軟技能相關的面試問題與解答。

地址： github.com/haizlin/fe-…

9.JavaScript 進階問題列表

這個周更項目，也能夠幫助你測試 JavaScript 的掌握程度。

地址： github.com/lydiahallie…

10.前端工做面試問題

若是做爲面試官，這篇文章提供的前端面試問題供你參考，你能夠挑出一些考查候選者的技能水平，或者你也能夠用來自檢。​​​​

地址： h5bp.org/Front-end-D…

最後，全能的前端開發者導航送給你 —— 醉牛前端。關於前端開發的經常使用手冊、工具、框架都在這裏，一個網站解放你的收藏夾。

最後的最後，預祝你們程序員節快樂，寫完程序沒 bug，按時下班不脫髮！

---

感謝你的閱讀。若你有所收穫，歡迎點贊與分享。

同時也歡迎關注個人微信公衆號【IT程序獅】，不按期分享 IT 學習文章與資源。