前端增长-你不知道的那些细节

前端增长-重新定义大前端

精心打造全新课程，欢迎吐槽！反馈宝贵意见！

在线课程：前端增长-你不知道的那些细节
附赠：常见核心前端面试问题与详细解答
官方博客：FED123前端学堂
课件脑图下载：https://github.com/chalecao/fed-regain

课程介绍

前端知识点很多，很细碎。一般同学都是死记硬背一些知识点。机灵的同学会背一些案例，更聪明的同学会背一下原理，理解下大概。奈何时光催人老，再好的记忆也会有忘记的时候，况且人生的不同阶段所侧重的点也不一样。
所以本课程从面试考察的知识点入手，梳理前端知识点脉络，精讲各个点的长问问题和设计原理，让你从死记硬背转化为理解，实现前端能力增长。再也不需要死记硬背，该忘记就忘记吧，有事没事想一想，捋一捋就行。

课程大纲

本课程参考总结的脑图逐个展开讲解原理。（目前课件还在更新中）

第一章 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 模块数据通信的方法

第四章 浏览器-相生
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加载性能指标计算

第五章 框架-相克 【8月10更新】

第六章 编码能力-相辅 【8月10更新】

第7章 NodeJs-相成 【8月20更新】

第8章 打包-相情 【8月20更新】

第9章 小程序-相怨【8月20更新】

第10章 前端架构-相恨 【8月20更新】

课件思维导图：