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 学习文章与资源。