record my growth path
一、JavaScript 测试基础
- mocha + chai + node
- karma + mocha + chai + webpack
二、JavaScript 难点选讲
- 奇怪的 this
- 事件模型
- 声明提升
- 继承
- 你可能看不懂的 JavaScript 代码
- 跨域
- AJAX 模型
三、异步流程控制
- Callback
- promise
- Stream
- Generator
- async function
- RxJS
四、模块化
- CommonJS
- AMD & CMD
- 写一个自己的加载器
- ES mould
五、模版引擎
- Template & DOM Template
- 模版引擎优化
- 写一个自己的模版引擎
六、Webpack
- 用 webpack 搭建一个项目
- 写一个自己的 loader 和 plugin
- Webpack 性能优化
七、学会性能测试对比
- jsben.ch
- benchmark.js
八、基于缓存的前端性能优化
- HTTP 缓存相关
- LocalStorage
- App Cache
- Hybrid App 缓存技术
- Service Worker
九、加载相关前端性能优化
- lazyload
- 小图 -> 大图
- 预加载技术
- Inline
- 异步加载
- MTU
- DNS prefetch
- HTTP2/SpDY
十、优化案例选讲
- 对象池优化
- 移动性能优化
十一、前端上报技术
- 打点上报
- 错误上报
- 性能上报
- 跟踪用户操作
- 利用数据
十二、安全专题
- CSRF
- 常见的两种 CSRF 防范技术
- XSS & 防范
- 富文本 XSS 防范