前端导学

前端技术，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其他常用功能

异步

• 什么是单线程，和异步有何关系
• 什么是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如何与客户端通信