吾昂王

SPA理解 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面，只会做页面的局部更新 数据都需要通过ajax请求获取，并在前端异步展现 路由理解 路由定义 一个路由就是一个映射关系（key:value） key为路径，value可能是function或component 路由分类 后端路由： 理解：value是function，用来处理客户端提交的请求 注册路由：router.get(path,functio

配置代理 方式一 在package.json文件中添加如下代码 "proxy": "http://localhost:8091" // proxy的值替换为需要解决跨域的地址 ⚠️ 说明： 优点：配置简单，前端请求资源时，可以不加任何前缀 缺点：只能配置一个地址 方式二 第一步：创建代理配置文件 在src下创建配置文件：src/setupProxy.js 编写setupProxy.js配置具体代理规则 const proxy = require('http-proxy-middleware

创建项目并启动 全局安装：npm i -g create-react-app 切换到要创建项目的文件夹，使用命令：create-react-app hello-react 进入项目文件夹：cd hello-react 启动项目：npm start :⚠️上述操作也可以使用yarn进行安装 React脚手架项目结构 public – 静态资源文件夹 favicon.icon – 网站页签图标 index.html – 主页面 logo192.png – logo图 logo512.p

虚拟DOM原理 当Node节点的更新，虚拟DOM会比较两棵DOM树的区别，保证最小化的DOM操作，使得执行效率得到保证。 计算两棵树的常规算法是O(n^3)级别，所以需要优化深度遍历的算法。React diff算法的时间复杂度为O(n)。 虚拟DOM图解 常见面试题 react/vue中的key有什么作用？（key的内部原理是什么？） 为什么遍历列表时，key最好不要用index？ 虚拟DOM中key的作用： 简单地说：key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用 详细的说

理解 组件从创建到死亡会经历一些特定的阶段 React组件中包含一系列钩子函数（生命周期回调函数），会在特定的时刻调用 我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作 生命周期（旧） 初始化阶段：由ReactDOM.render()触发 – 初次渲染 constructor() componentWillMount() render()：初始化渲染或更新渲染调用 componentDidMount()：在此钩子中做初始化的事，例如：开启定时器、发送网络请求、订阅消息 更新阶段：由

理解 受控组件就是可以被 react 状态控制的组件 在 react 中，input、textarea 等组件默认是非受控组件（输入框内部的值是用户控制，和React无关）但是也可以转化成受控组件，就是通过 onChange 事件获取当前输入内容，将当前输入内容作为 value 传入，此时就成为受控组件 好处：可以通过 onChange 事件控制用户输入，使用正则表达式过滤不合理输入 非受控组件 代码演示 <!-- 引入react核心库 --> <script src="../js/r

state 完整案例 <script type="text/babel"> // 创建类组件 class Weather extends React.Component { constructor(props) { super(props); this.state = { isHot: true }; // 解决changeWeather中this指向问题 this.c

简介 官网 中文官网 英文官网 特点 声明式编码 组件化编码 React Native 编写原生应用 高效（优秀的Diffing算法） react高效的原因 使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。 DOM Diffing算法, 最小化页面重绘。 基本使用 相关库 react.js：React核心库 react-dom.js：提供操作DOM的react扩展库 babel.min.js：解析JSX语法代码转为JS代码的库 创建虚拟DOM的两种方式 纯JS方式(一般不用)