一、基础部分
1. ES6/ES7语法和原理实现
2. 异步发展过程：callback、promise、generator、co、
async/await等异步流程控制(async和await的实现原理)
3. promise设计模式原理及在es6中的应用，手写一个符合promise A+规范的promise实现
4. Node基础与实战
5. Node事件原理和发布定阅设计模式
6. 函数式编程
二、模块化的演进
1. JavaScript模块化发展的演进历史 CommonJS、AMD、CMD、ES6模块的演进历史
2. 目前最主流的模块化实现方案: CommonJS 到 ES Module
3. 手写 CommonJS 的简单实现
三、前端工程化构建工具
1. gulp的基本用法以及实现原理
2. 常用插件(压缩、合并、编译、预览服务、自动注入)
3. node.js中自定义流的高级用法
4. 实现自定义插件(auto-prefixer)
5. webpack基本用法以及运行原理
6. 常见的loader以及plugin(DllPlugin等)
7. Webpack工作原理分析
8. 编写自定义Loader、编写自定义Plugin
9. webpack优化(resolve、模块热替换、压缩、代码分割、可视化工具)
四.React全家桶
1. react
1. 为什么采用组件化的方式
2. react环境搭建
3. JSX语法的使用(createElement,render的原理实现)
4. JSX表达式的用法
5. JSX的属性(className,htmlFor,style,dangerouslyInnerHTML)
6. 组件使用(类声明,函数声明)
7. 组件的属性和状态(属性的检验以及setState详解)
8. 复合组件
9. 组件的声明周期
10. 受控组件 非受控组件
11. children属性的使用
2. redux
1.手写redux库(
getState,
createStore,
dispatch,
subscribe,
applyMiddleware,
combineReducer,
compose,
bindActionCreators
)
3. react&redux
1.高阶组件的原理和使用
2.react高级属性context上下文
3.react-redux实现todoList
4.手写react-redux(Provider和connect原理解析)
4. 中间件
1. 手写applyMiddle和compose(中间件原理)
2. 手写redux-logger,redux-thunk,redux-promise
3. 手写自定义本地缓存中间件
5. reactrouterdom
1. HashRouter,BrowserRouter的区别
2. Link,NavLink的使用(extact绝对匹配,state带参数跳转)
3. Route组件三种渲染方式(component,render,children)
4. 路由参数以及子路由的使用(params)
5. withRouter,PrivateRouter的用法
6. Prompt组件阻止跳转
7. 重定向(Redirect组件)
8. 手写HashRouter Route等常用组件
6. ReactTransitiongroup
1. react动画的实现原理
2. 使用React-Transition-group库开发todo动画应用
7. 源码级Vue+React深度解析与实现
1. 手写Vue双向绑定实现
2. Vue虚拟DOM和React虚拟DOM的区别
3. 如何实现一个 Virtual DOM 算法
4. 通过源码彻底搞明白setState的更新机制
5. 手写包含虚拟DOM、事件监听、基本组件生命周期等功能的React库
五.node高级
1. http深入和tcp详解
2. 七层网络协议分析
3. TCP连接和Nagle算法
4. 使用wireshark学习七层网络协议
5. DNS服务器详解
6. Node静态服务器实现与缓存机制的实现
7. HTTP常用报文的实际应用
8. Node Stream的应用与文件分片上传策略
9. RestfulAPI设计和使用
10. CDN和OSS的使用
11. HTTPS安全通信过程分析
Express
1. 手写express框架
2. 中间件的实现原理、bodyParser、cookie-parser、static、模板原理
Koa
1. 手写Koa框架
2. 中间件的实现原理、bodyParser、cookie-parser、static、模板原理
Linux
1. Linux介绍
2. Linux文件和目录
3. Linux用户和组权限
4. Linux命令
5. Shell脚本
Mongodb
1.Mongodb安装和使用
2.Mongodb的系统架构
3.Mongodb高级查询
4.Mongodb索引
5.Mongodb安全与权限
6.mongoose模块之Schema
7.mongoose模块之Model
8.使用Model对文档进行增删改查
六、通信
1.什么是实时通信
2.什么是Websocket
3.websocket和http的对比
4.使用socket.io实现聊天室
七、MySQL
1.MYSQL安装与使用
2.MYSQL系统架构
3.数据处理之增删改查
4.数据类型和约束分页
5.索引和慢查询性能分析
6.数据库安全之防止SQL注入
八、Redis
1.Redis安装和使用
2.5种数据结构及使用场景
3.API的理解和使用
4.Redis客户端
九、Nginx
1.nginx的安装和使用
2.模块和基本配置
3.正向反向代理等应用场景
十、Docker
1.Docker介绍和安装
2.Dockerfile
3.存储和镜像仓库
4.Dock实战
十一、单元测试
1.测试用例和需求分析
2.单元测试框架mocha/ava
3.自动化测试之selenium
十二、前端性能监控与性能优化、行为监控与安全防范
1.针对重绘重排的优化策略
2.如何发现性能短板与各个短板的优化
3.前端埋点上报
4.前端错误上报
5.前端性能上报
6.前端行为监控上报
7.前端恢复上线与A/B测试
8.网络缓存技术分析
9.浏览器渲染过程分析(DOM树、RenderObject、绘图上下文)
十三、项目部署
1.npm script工作流
2.shell脚本布署
十四、安全
1.XSS的原理与代码实战
2.CSRF的原理与代码实战
十五、功能测试与性能测试
1.测试用例和需求分析
2.常用功能测试框架基础使用(mocha/ava)
3.常用性能测试框架基础使用(Benchmark)
十六、全链路优化
1.DNS优化
2.请求速度优化
3.渲染优化之 JS css image html
4.缓存优化
5.服务器优化
6.数据库优化
十七、前端设计模式
创建型设计模式
1.工厂模式
2.建造者模式
3.原型模式
4.单例模式
结构型设计模式
1.外观模式
2.适配器模式
3.代理模式
4.装饰者模式
5.组合模式
行为型设计模式
1.观察者模式
2.状态模式
3.策略模式
4.命令模式
5.访问者模式
6.中介者模式
5.迭代器模式
十八、算法&数据结构
1.时间复杂度
2.空间复杂度
3.常见排序算法
排序
1.冒泡排序、优化
2.选择排序
3.插入排序
4.归并排序
5.快速排序式
6.计数排序
7.桶排序
8.基数排序
2.链表(链表反转、链表是否有环)
3.树(高度、前序、中序、后序、广度优先算法、反转)
4.二叉树搜索算法
