导学

前端技术，JS、ES6、虚拟DOM、Vue、React、hybrid

知识点

基础知识

ES6常用方法：Class Module Promise等
原型高级应用：结合jQuery和zepto源码
异步全面讲解：从原理到jQuery再到Promise

框架原理

虚拟DOM：存在价值，如何使用，diff算法
MVVM Vue：Vue响应式，模板解析、渲染
组件化React：组件化，JSX，vdom、setState

混合开发

Hybrid：基础，与H5对比，上线流程
Hybrid vs HTML5
前端客户端通信：通讯原理，JS-Bridge封装

编程学习

读书、博客
开源

`ES6`

模块化的使用和编译环境
Class与JS构造函数的区别
Promise的用法
ES6其他常用功能

异步

什么是单线程，和异步有何关系
- 单线程就是同时只做一件事，两段JS不能同时执行
什么是event-loop
目前JS解决异步的方案有哪些
如果只用jQuery如何解决异步
Promise的标准
async/await的使用

原型

原型如何实际应用
原型如何满足扩展

`VDOM`

什么是vdom，为何要用vdom
vdom如何使用，核心函数有哪些
了解diff算法吗

MVVM

之前使用jQuery和现在使用Vue或React框架的区别
如何理解MVVM
Vue如何实现响应式
Vue如何解析模板
介绍Vue的实现流程

组件化

对组件化的理解
JSX是什么
JSX和vdom有什么关系
简述React的setState
简述自己如何比较React和Vue

`Hybrid`

hybrid是什么，为何要用hybrid
hybrid如何更新上线
hybrid和H5有何区别
JS如何与客户端通信

总结

ES6模块化如何使用，开发环境如何打包
Class和普通构造函数有何区别
Promise的基本使用和原理
总结一下ES6常用功能

模块化

语法：import、export（注意有无default）
环境：babel编译ES6语法，模块化可用webpack和rollup
扩展：说一下自己对模块化标准统一的期待

Class

Class在语法上更加贴合面向对象的写法
Class实现集成更加易读、易理解
更易于写java等后端语言的使用
本质还是语法糖，使用prototype