从前端小工到 BAT 中高级工程师的必备技能

写在前面

名字由来

极客邦有个视频直播课程叫《从前端小工到 BAT 中高级工程师的必备技能》,本来准备买课程的但是嫌弃它太贵了，所以准备自学一下，然后用博客(教程)的形式分享出来，其中包括会包括我筛选过的资料和自己的笔记心得

这个教程值得购买吗

因为本人是曾经是做iOS开发的，买过极客邦的不少课程，包括产品经理和android的课程等也不少了。个人认为如果你有闲钱又是做前端开发的，买一个好好学是没啥问题的，至少课程质量基本是能得到保证的，如果没闲钱就别买了，没闲钱说明钱比你的时间值钱，还是好好花点时间自学吧，如果不是做前端开发的也最好别买了，不说原因了，个人就是例子，比较容易半途而废，因为没有持续不断的动力嘛。(建议而已，不适合每一个人，值不值都看自己)

关于本博客

本博客跟新快的时候这个系列一天跟新一篇，慢的时候一周跟新一篇，正常情况可以取个平均值，一直到跟新完这个系列。如果学习中遇到什么困难，可以加qq群讨论：613202492

博客目录

你可以从这获取代码

github地址

JavaScript 测试基础

1. mocha + should + node
2. karma

JavaScript 难点选讲

1. 奇怪的 this
2. 事件模型
3. 声明提升
4. 继承
5. 你可能看不懂的 JavaScript 代码
6. 跨域
7. AJAX 模型

异步流程控制

1. Callback
2. promise
3. Stream
4. Generator
5. async function
6. RxJS

模块化

1. CommonJS
2. AMD & CMD
3. 写一个自己的加载器
4. ES mould

模版引擎

1. Template & DOM Template
2. 模版引擎优化
3. 写一个自己的模版引擎

Webpack

1. 用 webpack 搭建一个项目
2. 写一个自己的 loader 和 plugin
3. Webpack 性能优化

学会性能测试对比

1. jsben.ch
2. benchmark.js

基于缓存的前端性能优化

1. HTTP 缓存相关
2. LocalStorage
3. App Cache
4. Hybrid App 缓存技术
5. Service Worker

加载相关前端性能优化

1. lazyload
2. 小图 -> 大图
3. 预加载技术
4. Inline
5. 异步加载
6. MTU
7. DNS prefetch
8. HTTP2/SpDY

优化案例选讲

1. 对象池优化
2. 移动性能优化

前端上报技术

1. 打点上报
2. 错误上报
3. 性能上报
4. 跟踪用户操作
5. 利用数据

安全专题

1. CSRF
2. 常见的两种 CSRF 防范技术
3. XSS & 防范
4. 富文本 XSS 防范

###BAT 一线大公司前端面试技巧

1. 面试中常用的题目和基本套路
2. 在面试中展现自己实力的一些建议
3. 情商和沟通能力提升思路