列一份前端知识架构图
该思维导图由 AI 生成，仅供参考
荧光笔
直线
曲线- 深入了解
- 翻译
- 解释
- 总结
本文是一份由winter分享的前端知识架构图，旨在帮助读者建立前端知识框架。文章分为JavaScript、HTML和CSS、浏览器的实现原理和API、前端工程实践四个部分。在JavaScript部分，详细介绍了语言的文法、语义和运行时，以及数据结构和算法部分。HTML和CSS部分分别介绍了标签的分类和HTML的语言机制，以及CSS的语法结构和功能。浏览器的实现原理和API部分从浏览器设计、解析、构建DOM树、API等方面进行了讲解。最后，前端工程实践部分涵盖了性能、工具链、持续集成、搭建系统、架构与基础库等方向的前端工程实践案例。整体而言，本文以清晰的知识架构图为基础，深入浅出地介绍了前端知识的各个方面，适合前端开发者系统学习和快速了解前端知识体系。文章还提到了持续集成、搭建系统和架构与基础库等前端知识，为读者提供了更多深入了解前端技术的机会。
《重学前端》，新⼈⾸单¥59
全部留言(160)
- 最新
- 精选
Yybei老师您好，有一个问题。对于文中的：“JavaScript 的类型系统就是它的 7 种基本类型和 7 种语言类型。” 这一句话有点不太理解，我在MDN上查询相关资料后发现，只找到了7种基本类型对应的是：undefined,null, object,boolean, string, number, symbol。那么7种语言类型应该对应的什么？作者回复: List 和 Record Set Completion Record Reference Property Descriptor Lexical Environment 和 Environment Record Data Block
2019-01-198130- lmran总觉得40节课讲不完
作者回复: 多了的话算免费送大家的，哈哈
2019-01-1984 
CC在 JavaScript 中，「类型」和「实例」就是数据结构，而「执行过程」就是算法。 之前从来没有从这个角度看待过 JavaScript 语言，写代码的思路就不一样了。这是第一大收获。 第二个收获是明确自己问题所处的分支。比如，JavaScript 大部分的问题都存在于「运行时」这个分支中。又比如，发现自己疲于奔命，总是“感觉”学不完的内容，其实是处于「持续集成」这个分支中。 核对了一下自己已经掌握，和计划学习的前端知识，都能在这份知识框架中找到落脚点，再次体会到完备性的重要。 感谢 winter 老师。作者回复: 赞，有收获就好，更希望学完以后你能把知识架构变成自己的东西，不需要看着我的知识架构来学习。
2019-01-1952
铿然前端自动化测试方面是都也可以讲解下，除了工具，最重要的是怎么造自动化测试用例，这个用例感觉比后端复杂，工作量也非常大，所以很多项目会放弃自动化测试。怎么才能做好自动化测试？作者回复: 自动化测试，非一线大厂大型团队不建议搞，目前还没见过靠谱的方案。
2019-01-1922
大海Node.js 现在也是前端的必备技能了，构建工具这些都会用到，有计划讲讲吗作者回复: 这种就不讲了，实际上对前端有用的背景知识有很多，除了NodeJS还有数据结构、算法、编译原理这些，有用但是不需要深入，既然是重学，我默认大家都是会一点的，我这里只会给大家讲前端成长的核心技能，辅助技能大家自己学一下就好。
2019-01-1919
张张张小烦照着课程自己在幕布总结了一个前端知识架构, 比看别人总结好的舒服多了作者回复: 可以跟大家分享一下呀
2019-01-1937
羊omelette话说前端涉及到的安全这些应该属于哪里呀作者回复: 安全问题比较独立，算是实践类的吧，之前在淘宝工作的时候是我自己做的方案，找的安全部一起合作……
2019-04-092
多多HTML的命名空间是哪块内容？没找到，网上也没看到有这块东西作者回复: XML命名空间，html是其中一个
2019-09-24
NEVER SETTLE老师，新收学习的话，还有必要学jQuery吗？作者回复: 没必要
2019-07-02
陌上兮月话说评论的7种基本类型中，把object写进去应该是不对的吧。基本类型是指是既非对象也无方法的数据。感觉改为6种基本类型更加妥当（number,string,null,undefined,boolean,symbol）作者回复: 这个事情不是靠瞎编的，要看资料。
2019-05-272