云课堂
课程地址:网易云课堂在线课程
github: https://github.com/chalecao/fed-regain
课程说明
前端知识点很多,很细碎。一般同学都是死记硬背一些知识点。机灵的同学会背一些案例,更聪明的同学会背一下原理,理解下大概。奈何时光催人老,再好的记忆也会有忘记的时候,况且人生的不同阶段所侧重的点也不一样。
所以本课程从面试考察的知识点入手,梳理前端知识点脉络,精讲各个点的长问问题和设计原理,让你从死记硬背转化为理解,实现前端能力增长。再也不需要死记硬背,该忘记就忘记吧,有事没事想一想,捋一捋就行。
官方博客:万维读客(w3cdoc.com) 目前课程【更新中】特价活动赶紧加入吧!
课程大纲
第一章 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 页面渲染会堵车吗?
第二章 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章 NodeJs-相成
- 7.1 Node事件驱动高并发的原因
- 7.2 Node事件循环机制