第一章、工程化场景分析
前端工程化发展历史
前端工程化的应用场景
前端工程化关键技术之模块化详解
CommonJS规范详解
ESModule规范详解
npm+webpack原理
第二章、Webpack 源码分析
webpack 基本使用代入
webpack 打包文件分析
webpack ast语法分析
webpack load核心机制分析
webpack
pulgin 核心分析
webpack 依赖模块编译流程
手写简易webpack
第三章、HMR原理解析——Vue-Cli核心源码解析
核心中间件：webpack-dev-middleware实例化源码解析
devMiddleware中间件核心处理逻辑解析
深入讲解HMR实现原理
hotMiddleware源码执行流程详解
HMR客户端实现原理详解
vue-cli构建源码流程梳理
第四章、Webpack 性能优化
webpack性能优化原理和目标
深入分析构建速度测量插件speed-measure-webpack-plugin
深入分析构建体积检测插件webpack-bundle-analyzer
构建性能优化之多进程thread-loader
分包文件拷贝和模板的自动引用
image-webpack-loader实现图片5倍压缩
purgecss-webpack-plugin优化css体积
第五章、前端工程化脚手架设计
深入脚手架的实现原理
脚手架开发流程介绍
快速搭建脚手架和脚手架本地调试方法
脚手架参数解析方法封装
脚手架自动化测试流程讲解和脚本开发
文件类型+权限自动化测试脚本开发
第六章、Vite 从入门到精通
Vite 概要介绍
Vite 基础应用
Vite 高级应用
Rollup 系统学习
Vite 插件系统讲解
实战 Vite 插件
Vite
源码解析
第七章、JS 版数据结构与算法
数组与对象
栈 与队列
链表
集合
字典与散列
递归
树
二叉堆与堆排序
图
第八章、经典算法案例分析
动态规划
贪心算法
回溯算法
排序搜索算法
第九章、浏览器工作原理与实践
什么是浏览器
浏览器中的 JavaScript 执行机制
V8 工作原理
浏览器中的页面事件循环系统
浏览器中的页面
浏览器中的网络
浏览器安全
第十章、编译原理
计算机理论引导
编译原理概述
编译原理词法分析
编译原理语法分析
编译原理语法制导翻译
编译原理程序运行环境
第十一章、Vue2 核心源码分析
源码运行环境准备
入口打包文件分析
vue2.6 特性分析
全局api分析与实现
数据驱动与挂载流程分析
响应式原理-对象依赖收集
响应式原理-数组依赖收集
第十二章、Vue3 核心源码分析
源码运行环境准备
入口打包文件分析
vue3.0 新增特性分析
全局api分析与实现
数据驱动分析
组件化分析
响应式原理分析
第十三章、Vue常用插件原理分析与实现
如何实现前端路由vue-router
如何如何实现Vuex
常用指令v-lazy原理与实现
vue如何实现服务端渲染
第十四章、React设计哲学与深度源码分析
react源码的获取与环境搭建
基础api简述
Fiber Scheduler
组件更新机制
dom更新机制
suspense and
priority
第十五章、深入 React-Hooks 工作机制
什么是Hooks以及他的用法
Hooks的定义以及执行前后的准备和重置
useEffect和useLayoutEffect的实现原理和区别
useState的实现原理和注意事项
其他常用hook的使用与分析
第十六章、React中的 Fiber
React 中的“栈调和”（Stack Reconciler）过程是怎样的？
如何理解 Fiber 架构的迭代动机与设计思想？
剖析 Fiber 架构下
Concurrent 模式的实现原理
第十七章、版本管理
SVN VS Git 优缺点
掌握Git基础命令
Git进阶命令：rebase，reset，stash
从零配置 github 到 SSH
秘钥克隆仓库
Git Flow及管理版本控制
使用 Docker 快速搭建 gitlab 平台
docker-compose 集成化的 docker
命令
gitlab 平台与 gitea 平台比较
gitlab 平台管理，用户权限控制
第十八章、运维基础
linux系统操作基础
docker使用与实战
了解Linux运维相关的命令与知识
了解私有化容器平台搭建及使用
第十九章、自动化部署
了解CI/CD平台CircleCI，TravisCI和Jenkins
理解自动化/持续集成流程，升华DevOps理解
快速搭建、配置Jenkins服务
掌握Jenkins中的权限控制，并与gitlab进行集成
学习Jenkins的权限控制与插件管理系统
配合Jenkins效率构建，完成发布、构建等工作
实战前端项目自动化部署
第廿章、前端“轮子”工程
组件库思想(以组件化方式考虑UI构建)
封装表单组件&需要注意的点(通用性、易用性)
通用业务组件库react +
vite模板（集成测试、格式化、日志）
组件库的样式方案
组件库色彩设计
基础组件（按钮、图标）设计
功能组件菜单组件设计
React与Vite项目配置
vue-protable组件分析
实现vue-protable组件
虚拟列表分析与实现
组件库文档编写
第廿一章、Vscode 插件开发
vscode插件工作原理解析
vscode插件api解析
代码提示工具 “sloth” 树懒需求场景分析
sloth 插件实现
sloth插件发布vscode商店
工具插件前景展望与需求定制
第廿二章、Chorme浏览器插件开发
Chrome插件工作原理解析
chrome插件api解析
图床功能chrome插件需求分析
sloth 插件实现
工具插件前景展望与需求定制
第廿三章、Webpack 加载器与插件开发
快速定位元素代码需求分析
webpack自定义loader开发
webpack自定义plugins开发
集成发布npm平台
第廿四章、性能优化的指标和工具
为什么要进行Web性能优化
前端性能瓶颈分析
性能优化常见指标
RAIL测量模型
使用WebPageTest评估Web网站性能
性能分析工具对比Profiler、Developertools、Performance，
LightHouse
第廿五章、渲染优化
浏览器渲染原理和关键渲染路径
回流与重绘, 如何避免布局抖动
使用FastDom
高频事件防抖
第廿六章、代码优化
JS开销和如何缩短解析时间
配合V8 有效优化代码
函数优化
对象优化
CSS对性能的影响
第廿七章、资源优化
资源的压缩与合并
图片格式优化
图片加载优化
字体优化
资源文件优化
第廿八章、构建优化
webpack的依赖优化
基于webpack的持久化缓存
基于webpack的应用大小监测与分析
第廿九章、传输加载优化
启用压缩Gzip
启用Keep Alive
HTTP资源缓存
一次性理解Service workers技术，给网站提速
用流行的SSR技术给前端减负
第卅章、前端可视化
图形学基础
可视化中的数学
实现3d可视化图表
webgl 与 canvas绘制加速
第卅一章、cocos2d 移动端游戏开发
cocos2djs 开发环境搭建
cocos-creatrot 工具使用
cocos中的基本概念与使用 精灵
游戏中场景与层
游戏中用户事件
粒子系统
动画与特效
瓦片地图
网络请求
打包发布到web平台
打包发布到ios平台
打包发布到安卓平台
第卅二章、web3js 前端区块链入门
区款连技术简介
当前区款连发展分析
Solidity语法初探
Web3.js 基本api使用
搭建基于priter搭建eth私有链
了解Dao并且为DAO设置客户端应用程序
创建会员NFT
创建自发token并实现链上治理
第卅三章、Serverless
serveless到底是什么
搭建私有Serverless（一）：K8s和云原生CNCF
搭建私有Serverless（二）：基于K8s的Serverless
Serverless架构应该如何选型？
第卅四章、WebAssembly
我们为什么要了解 WebAssembly
WebAssembly 模块的基本组成结构
WebAssembly 微观世界的基本数据规则
WebAssembly
操作系统接口
将自定义的语言编译到 WebAssembly
实现一个 WebAssembly 在线多媒体处理应用
Wasm
应用的调试与分析
第卅五章、WebRTC
基础概念与简单集成 RTC场景下音频场景与最贱实践
RTC场景下视频场景与最贱实践
RTC工程指标：稳定性、性能调优、秒开优化
RTC场景下网络调优经验
RTC场景音视频监控与分析
WebRTC
自研要点梳理
京公网安备 11010802030320号