课程收获

【官方博客】www.f2e123.com

• 完善的前端学习组织体系
• 前端学习导图

适用人群

• 想要提高却不得门道的前端开发同学；
• 为找工作进行面试准备的前端开发同学

本课程属于入门级知识点拨课程，主要是提供学习路径和只是全局系统结构。各位同学课下要认真学习、消化。

详细知识点原理讲解系列的课程目前在制作中，敬请关注！

课程简介

前端知识点很多，很细碎。一般同学都是死记硬背一些知识点。机灵的同学会背一些案例，更聪明的同学会背一下原理，理解下大概。奈何时光催人老，再好的记忆也会有忘记的时候，况且人生的不同阶段所侧重的点也不一样。

所以本课程从面试考察的知识点入手，梳理前端知识点脉络，精讲各个点的长问问题和设计原理，让你从死记硬背转化为理解，实现前端能力增长。再也不需要死记硬背，该忘记就忘记吧，有事没事想一想，捋一捋就行。

• 课件脑图下载：https://github.com/chalecao/fed-regain
• 面试准备：分析千份面试记录教你如何面试

这里知识点很多，不太可能一一展开。我想在职场上的大家要学会自我学习，这是基本的能力。前端的知识点都是很容易get的，也可能是因为容易，所以很少有同学深入下去。课程中列的每一个点，希望大家可以自行学习总结，你一定会有所收获。

第一章 HTML - 相识

1.1 前端增长，业界发展，盘他？
1.2 学习目标，人生就是起起落落落？
1.3 HTML 咋解析的呢？DOM 构建
1.4 CSSOM 如何构建？会阻塞吗
1.5 RenderTree 上来秀一波
1.6 Layout 布局引擎，新交规解析
1.7 牛逼的 render 进程合成层，拯救世界
1.8 HTML 加载阻塞？咋不上天呢
1.9 页面渲染会堵车吗？FM93 交通之声

第二章 CSS - 相知

2.1 啥是 Containing Block？有鸟用
2.2 要 BFC？要啥自行车
2.3 到底是怎么定位？挖坑吗
2.4 咋布局？设套吗？flex 兄弟上车
2.5 CSS 优先级，优生优育
2.6 CSS 预处理原理
2.7 合成器和非合成器动画，爆 GPU 菊花
2.8 大哥，你的动画卡顿了，快逃
2.9 基线和行高的坑

第三章 JavaScript - 相爱

3.1 浏览器引擎与 webkit
3.2 JavaScript 虚拟机运行原理流程剖析
3.3 JavaScript 类型推断
3.4 JavaScript 虚拟机对象访问优化
3.5 秒懂事件循环原理
3.6 事件循环之宏任务与微任务
3.7 JavaScript 虚拟机垃圾回收
3.7 JavaScript 数据类型与内存模型
3.9 数据类型检测与深浅克隆
3.10 数据监听方法有哪些？
3.11 模块数据通信的方法
3.12 原型和原型链理解不会忘
3.13 从执行上下文理解闭包

第四章 浏览器 - 相生

4.1 所谓的单线程
4.2 为什么执行超过 50ms 是 longtask？
4.3 UI 线程与 worker 线程
4.4 浏览器强制缓存与协商缓存
4.5 serviceworker 与 pagecache 与 memorycache
4.6 http 请求幂等性和 2.0 的链接复用
4.7 跨域原因风险和通信方法有哪些？
4.8 hign resolution time api
4.9 performance.timing 加载性能指标计算
4.10 xss 漏洞原理和防御
4.11 CSRF 攻击原理和防御编辑删除
4.12 JSONP 劫持和越权漏洞

第五章 框架 - 相克

5.1 字符串模板原理和比较
5.2 实现 virtualDOM 三要素
5.3 virtualNode 构建方法和原理
5.4 virtualDOM 构建过程和 render 原理
5.5 Vue 框架的特点和优势
5.6 Vue 中用到的设计模式
5.7 Vue 中 initState 初始化流程
5.8 Vue 数据响应系统实现原理
5.9 Vue 的缺点有哪些
5.10 React 的 diffDOM 算法 (tree diff 和 component)
5.11 React 的 element diff 算法
5.12 React 新特性 hooks？context？错误边界？
5.13 SPA 路由实现的几种方法和原理

第 6 章 编码能力 - 相辅

6.1 常见排序算法简介
6.2 贪心、分治、动态规划、回溯等算法
6.3 编码能力设计模式等思考

第 7 章 Node.js- 相成

7.1 Node 事件驱动高并发的原因
7.2 Node 事件循环机制

前端知识图谱