问题1：Ajax Fetch Axios 的区别?
- Ajax: Asynchronous Javascript and XML 是一种技术统称
- Fetch: 一个具体的API
- 浏览器原生API 用于网络请求
- 和XMLHttpRequest一个级别
- 语法简洁 支持Promise
- Axios: 一个第三方库
- 网络请求Library（Vue,Nodejs使用多）
- 内部可用 XML Fetch 实现
*lib和API的区别
第三方库可用有很多个，API的数量比较少通常一两个
问题2: JS数据类型
- 新增的类型
- 原始和引用数据类型
- 存储位置不同
- 堆栈数据结构
- 堆栈操作系统
1.新增的类型
Symbol: 代表独一无二且不可变的数据类型，解决了可能出现的全局变量冲突的问题
BigInt: 数字类型的数据, 可用表示任意精度格式的整数, 使用BigInt可以安全的存储和操作大整数（超过Number表示的安全整数范围）
2.原始和引用数据类型
- 栈: 原始数据类型(Undefined, Null, Boolean, Number, String)
- 堆: 引用数据类型(对象, 数组和函数)
3. 存储位置不同
原始数据类型直接存储在栈(stack)中的简单数据段
- 占据空间小
- 大小固定
- 频繁使用\
引用类型存储在堆(heap)中的对象
- 占据空间大
- 大小不固定
- 存储在栈中影响程序运行的性能
- 引用类型在栈中存储指针, 该指针指向堆中该实体的起始位置
- 解释器寻找引用值时, 会首先检索栈中的地址, 再从从堆中获取实体
4. 堆栈数据结构
栈: 先进后出 堆: 优先队列, 按照优先级进行排序, 优先级可以按照大小规定
5. 堆栈操作系统
- 栈: 内存由编译器自动分配释放, 存放函数的参数值,局部变量的值等
- 堆: 内存一般由开发者分配释放, 开发者不释放则程序结束时可能由垃圾回收机制回收
3. React vs Vue
- 相同点
- 支持 virtual DOM
- 支持响应式和组件化的视图组件
- 核心库 路由和状态管理分离
- 支持JSX 移动端都支持原生渲染
- 不同点
- 预编译
- React 可以通过Prepack优化JS代码
- Vue 可以静态分析template 构造AST树 通过PatchFlags标记节点变化类型
- 渲染
- React 通过 shouldComponentUpdate / setState, 使用 PureComponent等对比前后状态和属性, 手动决定是否渲染来优化
- Vue 推荐模板语法, 自动追踪组件依赖, 精确渲染状态改变的组件
- 状态管理工具
- React 使用 react-dedux
- Vue 使用 vuex
