不知不觉《IT 程序狮》的微博已经运营 3 年多了，我在微博上陆续的发布了 5200+ 技术分享、开源项目、编程灵感以及一些工具推荐的博文，不少内容得到了大V的推荐，也有幸收获了一批热情的关注者，让我倍感欣慰。

值此 1024 来临之际，我重新梳理了曾在 #前端技术# 话题下发表的高赞内容，挑选出了 10 个值得前端开发者参考、学习的优质资源与大家分享，涵盖了前端知识体系、面试问答、算法与数据结构、知识图谱等内容，希望能够帮助广大的前端开发者们节约资料查找时间，提升开发效率。

入门与基础

从零基础小白到前端入门有多种学习途径，除了观看视频或图书，查阅文档与源码外，当然少不了看一些优质的技术博文。下面分享的《前端九部 - 入门者手册 2019》、《前端开发者手册 2019》、《小火柴的前端小册子》这三本开源小册子，对入门前端的童鞋会大有裨益。

1.前端九部 - 入门者手册 2019

这是由蚂蚁金服前端九组牵头，各大互联网公司和高校的成员参与编辑、审阅的 Web 前端开发零基础入门手册。它主要提供了前端基础入门的体系化知识内容，从基础概念的学习、开发工具的选择，到代码规范、代码调试、主流技术栈均有涉及，同时作者也分享了一些高效学习、技术练级等思维导图供你了解，帮助你更快的开启 Web 前端学习之路。

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

2.前端开发手册 2019

这本手册，号称任何人都可以了解前端开发的实践指南。它将系统的概述前端工程实践，从行业、岗位到技能、知识点帮助你了解前端开发“是什么”，“做什么”，以及“学什么”，同时它还推荐了一些常用的开发工具。

地址： https://www.yuque.com/ysfe/ykx/fedhb

3.小火柴的前端小册子

这个小册子是小火柴总结的前端知识结构，内容涉及 HTML/CSS/JS 基础知识、HTTP、前端框架等内容。

地址： https://www.xiaohuochai.site

另外，如果你想夯实 JS 基础的话，这三个项目，不妨多去看看。

4.JavaScript 实现的算法和数据结构

这个仓库整合了大量算法和数据结构的 JavaScript 实现，涉及经典排序算法、二叉树、链表、字符串等内容，巩固基础的朋友，可以关注下。

地址： https://github.com/ConardLi/awesome-coding-js

5.JavaScript 前端知识图谱

一个整理自各大技术社区和权威书籍的前端技术图谱，旨在帮助你更好的学习前端相关知识。

地址： https://github.com/tsejx/JavaScript-Guidebook

6.每个 JavaScript 工程师都应懂的 33 个概念

帮助开发者更好的理解和掌握 JavaScript 概念。

地址： https://github.com/stephentian/33-js-concepts

面试与问答

通过各种自学方式，配合上述高质量文章的学习，建立与完善知识体系，再多练习多操作，才能有效的将知识转化为能力。记得有句玩笑话，“代码不过千万行，不见媳妇不叫娘”，也是在强调实践的重要性。所以，光看不练是行不通的。当然，我们还需要一些检测学习效果的手段，比如下面的一些面试问题。

7.前端硬核面试专题

这份专题主要梳理了前端开发者需要巩固的基础知识点，涉及 HTML、CSS、JS、Webpack、Vue、React、Node、HTTPS、数据结构与算法、Git 等内容。学完相应的知识，用来自检还是不错的。

地址： https://github.com/biaochenxuying/blog/blob/master/interview/fe-interview.md

8.前端面试每日 3+1

如果你觉得《前端硬核面试专题》内容满足不了你的需求，也可以看看这个前端面试日更项目。项目作者通过面试题的方式，帮助大家每天花 20 分钟来学习与思考。内容涵盖 HTML、CSS、JS 以及软技能相关的面试问题与解答。

地址： https://github.com/haizlin/fe-interview

9.JavaScript 进阶问题列表

这个周更项目，也可以帮助你测试 JavaScript 的掌握程度。

地址： https://github.com/lydiahallie/javascript-questions/blob/master/zh-CN/README-zh_CN.md

10.前端工作面试问题

如果作为面试官，这篇文章提供的前端面试问题供你参考，你可以挑出一些考查候选者的技能水平，或者你也可以用来自检。

地址： https://h5bp.org/Front-end-Developer-Interview-Questions/translations/chinese/

最后，全能的前端开发者导航送给你 —— 醉牛前端。关于前端开发的常用手册、工具、框架都在这里，一个网站解放你的收藏夹。

最后的最后，预祝大家程序员节快乐，写完程序没 bug，按时下班不脱发！

感谢你的阅读。若你有所收获，欢迎点赞与分享。

同时也欢迎关注我的微信公众号【IT程序狮】，不定期分享 IT 学习文章与资源。