YCL_

1.web服务器 2.反向代理 前端服务器将请求转发到后端服务器，客户端不直接与后端服务器通信，可以解决跨域问题，隐藏后端服务器信息、统一对外访问提高后端服务器的安全性。 ...

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

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

React16.8之前Class组件的优势 class组件组件可以定义自己的state， 有自己的生命周期如在componentDidMount中发送网络请求，并且该生命周...

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

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

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

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

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

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

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

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

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

React渲染流程 React更新流程 React在props或state发生改变时，会调用React的render函数，创建新的虚拟DOM树 React基于新旧虚拟DOM...

React组件通信 组件通信的意义 组件是独立且封闭的单元，默认情况下组件只能使用自己的数据（state） 组件化开发的过程中，完整的功能会拆分为多个组件，在这个过程中不可...

组件化概念 组件化是一种（分而治之）的思想，组件是独立可复用的代码片段（功能块），开发一个个组件构造整个应用（组件树）。 组件化可以让代码更加方便组织、管理、具有更强的扩展...

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