前端的知识体系，只会div可不够！(1)

就拿 JavaScript 标准来说，ES6 中引入的新特性超过了过去十年的总和，新特性带来的实践就更多了，仅仅是一个 Proxy 特性的引入，就支持了 VueJS 从 2.0 到 3.0 的内核原理完全升级。

虽然技术蓬勃发展是好事，但同时也让作为前端的我们，学习压力陡然增大。

经常听到这样的「哀嚎」：“我真的学不动了！”。还没看完 Vue 2.0，3.0就来了，学习速度老是跟不上技术发展，焦虑！

但说实话，造成这一切真的是因为技术迭代速度过快吗？

我并不认同。借用前端大神 winter 的观点，“其实并不是学不动，而是你知识体系底层构建出现了问题。”

这也是他认为 80% 的前端程序员都应该“重学”一遍的原因。“重学”，不是让你忘掉现在所有的知识储备和技能，而是以完备、体系化的方式重新理解前端的知识架构。

这里，分享给你张知识图谱，涵盖“JS、HTML、CSS、浏览器 4 大脉络，希望借由讲解 40 余个知识点，帮你建立起前端的知识框架（建议保存，后续学习可一一查缺补漏）

这张图出自前前手机淘宝前端负责人 程劭非（winter），前端社区知名专家，在前端知识框架方面他非常有发言权。

说实话，专栏中的内容，完全颠覆了我的认知。之前觉得勤勤恳恳把工作做好，就能一步步往上走，后来发现远远不够，基底不牢固，出现问题就总会抓瞎。

能在职业生涯中期遇到这个课，感觉自己很幸运，真心感谢 winter。帮我建立一个理解前端的全景图。把专栏认真“啃”过后，在最近的工作中都能够体系地思考问题、分析问题。听说现破 4w 订阅特惠，用口令 立省 ¥45，这里推荐给你。

拼团+口令「winter888」立省 ¥45

原价 ¥129，口令仅限**「前 50 人」有效！**

估计最近考虑换工作的朋友不少，私信或评论里总收到问我能不能分享些所谓经验套路的。每年这时候都有人按捺不住想出去看看，或想法子升职加薪。

对于工作之后的前端开发者来说，没有系统学习的问题仍然存在，这必然会影响到你未来升职加薪。常常身边一些具有多年经验的工程师，仍然在看到一些用法时惊呼：“还可以这样！”。

对于前端工程师成长需要两个视角。一是立足标准，系统性总结和整理前端知识，建立自己的认知和方法论；二是放眼团队，从业务和工程师角度思考前端团队的价值和发展需要。只有这样做，才能够持续发展，在高速发展的技术和工程化浪潮中稳稳立足。以上是我从 winter 大神专栏中，学会看问题的方法。

程劭非，各大前端社区里的“winter”大神。作为前手机淘宝前端负责人，他曾带领团队开发出了阿里巴巴****开源项目 Weex 移动前端开发框架。

他在 2006 年就开始接触前端。最开始，在微软北京担任软件开发工程师，负责 Windows CE 上的 IE 浏览器开发，接触到了当时最先进的软件工程体系，并且积累了很多 UI 架构经验。

Winter 将知识分成了四个模块来讲解。

模块一 ·JavaScript ：主要从文法和运行时的角度去讨论 JavaScript 语言。它们是互相关联的，而语义就是文法到运行时之间的桥梁；它们分别又是完备的，任何语言特性都离不开两者，所以从语法和运行时的角度，我们都可以了解完整的 JavaScript。

模块二· HTML 和 CSS：会侧重从语言和设计思想的角度来讲解，同样可以对两者的全貌建立一些认知。

模块三· 浏览器部分：包含了浏览器工作的原理和一些重要的 API，包括 BOM、DOM、CSSOM 和其他一些内容。了解了这些知识，你才能把 JavaScript 和 HTML、CSS 连接起来，用 JavaScript 来实现功能。

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！