前端知识体系 --- 2020年版本

1、HTML(5) 和 CSS(3)

1. HTML5、CSS3
2. 响应式布局（rem / flex /等）
3. 小程序开发
4. React Native开发

推荐书籍：
《CSS权威指南》、

​ 《图解CSS3》、

​ 《HTML5秘籍》、

​ 《React Native入门与实战》

2、JS 和 ES6核心原理

1. JS堆栈、闭包作用域、浏览器词法解析（V8渲染机制原理）、面向对象和this处理（独立封装组件和插件，研究常用类库的源码）
2. ES6基础语法（包括class类的继承封装和多态）、ES6中的Promise（及Promise A+规范）、Generator生成器函数等深入用法
3. 同步异步编程（包括运行机制和微任务、宏任务，以及实战应用）
4. 常用的编程思想和设计模式：函数的防抖和节流、柯里化函数、惰性函数、单例设计模式、发布订阅模式、Promise设计模式等
5. DOM性能优化、DOM时间
6. 常规算法：去重、冒泡、插入、快速、递归等

推荐书籍：
《Javascript高级程序设计》、

​ 《ES6标准入门》、

​ 《你不知道的JavaScript》、

​ 《JavaScript权威指南》

3、AJAX 和 HTTP

1. ajax原理、ajax异步解决方案（promise）、axios、fetch及封装处理、jquery中的ajax操作和库的封装
2. 跨域解决问题及实现原理：jsonp、cors、webpack proxy等
3. HTTP报文（常用的响应请求头实战应用技巧）、HTTP（TCP）传输流程（包括三次握手四次挥手及TCP底层协议）、HTTP1和HTTP2的区别、HTTP和HTTPS的区别
4. 304缓存、DNS缓存、减少HTTP传输次数和大小、HTTPS的加密

推荐书籍：《图解HTTP》

4、框架开发

1. Vue全家桶：vue（MVVM实现的原理以及一些语法的原理）、vue-router（HASH路由实现的原理）、vuex（掌握原理）、axios、vue-cli（能够修改webpack的配置项）、常用UI框架的使用（elementUI、iview）
2. react全家桶：create-react-app（能够修改webpack的配置项）、react（掌握虚拟DOM渲染原理，掌握DOM-DIFF原理，掌握INDEX索引对比机制，掌握MVC实现原理）、react-dom/react/native、react-router、react-redux/dva/mobx（掌握原理）

5、辅助技能

1. webpack：掌握常用脚手架和修改，会一些基础的webpack搭建
2. Git
3. Node
4. Canvas：可视化（以后发展重点，对数学、算法有要求）

​