React

什么是纯函数？ 函数式编程中有一个非常重要的概念叫**纯函数，**纯函数的概念： 函数在获得相同的输入时，会产生相同的输出 函数的输出和输入值以外的其它状态无关，也和由I/O设备产生的外部输出无关 函

路由的概念 web的发展主要经历了三个阶段：后端路由阶段、前后端分离阶段、单页面富应用(SPA) 后端路由阶段 早期的网站开发整个HTML页面都是由服务器直接返回渲染好的页面给客户端进行展示。这种情况

React16.8之前Class组件的优势 class组件组件可以定义自己的state， 有自己的生命周期如在componentDidMount中发送网络请求，并且该生命周期函数只会执行一次 在状态改

代码分割 为了避免打包出大体积的代码包，需要对代码进行分割。代码分割是由Webpack、Rollup等打包器支持的一项技术，能够创建多个代码包并在运行时动态加载，从而提高应用的性能。 尽管总的体积并没

React中书写CSS的方式 Vue中书写样式的方法： 在单文件组件( .vue)的 <style></style> 标签内 书写组件样式 通过 scoped 属性决定样式是全局的还是局部的 通过 l

react-transition-group库 在React中通过使用 react-transition-group 库实现组件的 入场 和 离场 动画，使用是需要额外的安装: npm install

严格模式StrictMode 严格模式为 组件内的整个组件树启用额外的开发环境检查，这些检查有助于在开发过程中尽早地发现组件中的常见错误。 StrictMode不会渲染任何可见的UI 它会为其后代元素

高阶组件HOC 高阶函数的定义，至少满足以下条件之一： 接受一个或多个函数作为输入 输出一个函数 JavaScript中比较常见的filter、map、reduce都是高阶函数 那么什么是高阶组件呢？

Portals 某些情况下，我们希望渲染的内容独立于父组件，甚至独立于当前挂载到的DOM元素（默认都是挂载到id为root的DOM元素中） 通常情况下，子元素会被挂载到DOM节点中离其最近的父节点下，

受控组件 React组件的状态state，input表单元素也有自己的状态value React将state与表单元素的值（value）绑定到一起，由state的值来控制表单元素的值，从而保证单一数据

在React中，通常情况下不建议直接操作原生DOM，但是某些特殊的情况下，确实需要获取DOM进行操作 管理焦点，文本选择或者媒体播放 触发强制动画 集成第三方DOM库 在React中使用ref来获取D

为什么使用setState修改数据 为什么开发过程中不能通过直接修改state的值让页面更新 因为直接修改state，React内部并不知道数据发生了变化 React并没有使用Vue2中的Object

React渲染流程 React更新流程 React在props或state发生改变时，会调用React的render函数，创建新的虚拟DOM树 React基于新旧虚拟DOM树之间的差别来决定如何更新U

JSX中注释写法：{ /* JSX的注释写法 */ } 当变量是 Number/String/Array 类型时，可以直接显示 当变量是 undefined/null/Boolean 类型时，内容为空