福玻斯

一、JavaScript 1. 数据类型、变量定义 八种数据类型与判断方法 变量提升 var / let / const 与作用域 var / let / const 串联 2. 数组、字符串 伪数组

1. 页面渲染过程 解析HTML文件生成DOM Tree。 解析CSS文件生成CSSOM Tree（和第 1 步是并行的）。 将DOM树和CSSOM树合并生成渲染树Render Tree。 遍历渲染树

一、组件、组件通信 组件，接收入参并返回用于描述页面的react元素。 1. class组件和函数(无状态)组件的区别 class组件和函数组件的转换如下： 定义一个同名的函数，参数是 props，

数据驱动视图是什么？（单向数据流） 传统的jquery开发是通过操作dom来实现页面的渲染和交互，而React采用的是数据驱动视图的方式：view是基于数据来渲染的，数据一旦变化，view就会自动更新

一、React 的理解 React是一个用于构建用户界面的JS库。在代码开发过程中，我们将UI界面拆分成独立的小块，每块就是一个组件，通过组件之间的组合嵌套来构建页面。 React不是MVVM，官方给

一、Hook 介绍 1. hook的背景 在组件之间很难复用状态逻辑：对于组件间复用状态逻辑，React并没有提供好的方法，只能通过render props和高阶组件。但这种方案需要重新组织组件的结构

一、React 架构 1. React 15 当我们通过render和setState进行组件渲染和更新的时候，React主要有两个阶段： 协调阶段Reconciler：通过diff算法递归比较新旧两

1. react-router 和 react-router-dom react-router-dom在react-router的基础上扩展了一些有关dom操作进行路由跳转的api：BrowserRo

一、setState 1. state 和 props props是一个从外部传进组件的参数，用来从父组件向子组件传递数据，不能被修改。 state 只能在constructor中初始化，它是组件内部