前端高手进阶

前端入门容易，发展难是行业共识。很多人通过自学 HTML、CSS、JavaScript，也能找到一份前端的工作，但工作几年，还只是个写页面的初级工程师也大有人在。

这是因为前端的知识点繁多，且技术更新快，前端应用场景也越来越复杂，如果你对主流框架、工具只是会用，而不了解其底层原理，加上公司的业务场景单一，就很难实现技术突破。工作价值低、重复性高，薪资待遇自然上不去。

面对不断更新的热点技术、日渐繁多的知识点，与其抱怨“学不动了”，日复一日重复工作，不如找到正确的学习路径，构筑前端知识体系，培养可复用的工作能力，向高级前端工程师迈进。

专栏解读

本专栏分为 4 大模块，共 33 篇，帮你夯实前端核心基础知识，构建完整知识体系，深度理解底层原理，积累实践应用经验，提升综合能力。

① 前端核心基础知识：深入理解前端必备的 HTML、CSS、JavaScript 及网络协议，掌握它们的高级用法，比如 DOM 事件应用、CSS 管理、JavaScript 异步处理方案，以及 API 设计；深入浏览器内核的工作机制，让你既懂页面样式，更懂浏览器。

②实际应用场景解析：解析热门前端框架，理解其设计原理；深入分析前端工程化中的重要工具 webpack，建立工程化、工具化思维。

③综合能力提升：前端知识扩展，通过理解 Node.js 核心原理与应用场景，扩大你的开发能力边界，不再只局限于浏览器，同时通过算法与数据结构的学习，具备解决复杂问题的能力。

④彩蛋：前端工程师的职业规划和面试技巧十分重要，这个部分会带你分析大厂的面试真题，分享面试技巧，帮你直取高薪 Offer。

开篇词：带你一起筑建前端工程师的“护城河”
第01讲：你真的熟悉 HTML 标签吗？
第02讲：如何高效操作 DOM 元素？
第03讲：3 个使用场景助你用好 DOM 事件
第04讲：掌握 CSS 精髓：布局
第05讲：如何管理你的 CSS 代码？
加餐1：手写 CSS 预处理
第06讲：浏览器如何渲染页面？
第07讲：关于 JavaScript 的数据类型，你知多少？
第08讲：为什么说函数是 JavaScript 的一等公民？
第09讲：为什么代码没有按照编写顺序执行？
第10讲：怎么复用你的代码？
第11讲：为什么说 JavaScript 不适合大型项目？
第12讲：浏览器如何执行 JavaScript 代码？
第13讲：区分浏览器中的进程与线程
加餐2：手写 Promise、async/await
第14讲：HTTP 协议和它的“补丁”们
第15讲：如何让浏览器更快地加载网络资源？
第16讲：浏览器同源策略与跨域方案详解
第17讲：前后端如何有效沟通？
第18讲：你是怎么理解“组件”这个概念的？
第19讲：把路由放在前端意味着什么？
第20讲：详解组件通信之状态管理
第21讲：你的代码到底是怎么编译的？
第22讲：如何合理搭建前端项目？
第23讲：谈性能优化到底在谈什么？
第24讲：你的代码是怎么成为黑客工具的？
第25讲：Node.js == 全栈？
第26讲：常用的数据结构了解多少？
第27讲：到底该不该了解算法？
第28讲：你都了解过哪些编程方式？
第29讲：框架到底用了哪些设计模式？
第30讲：前端热点技术之 Serverless
第31讲：微前端与功能的可重用性
彩蛋：如何获得心仪的 Offer？
结束语：谈谈前端工程师的职业规划（如何跳槽、如何晋升）