摘要：
React Hook是React16.8.0引入的。使可以在不引入class的情况下，可以使用state和其他React特性。 hooks本质上是一些函数。 1. 为什么引入Hook? 1. hooks中的useEffect可以解决class中各逻辑在生命周期函数中管理混乱的问题。 2.hooks中 阅读全文
摘要：
URLSearchParams对象用于处理URL中查询字符串，即？之后的部分。 1.语法 其实例对象的用法和Set数据结构类似。实例对象本身是可遍历对象。但是不是遍历器。 2. 实例操作方法 1. has(key) 2.get(key) 3.getAll(key) 当同一个键值对应多个值时用该方法 阅读全文
摘要：
1. 只读属性 1. length 表示当前窗口访问过的url的数量；或者手动pushState之后的length。 2.state 表示当前地址栏中网址对应的状态。 2. 方法 1. 刷新网页-back()、forward()、go(num) 1. 回退一个地址，相当于浏览器的后退键；对第一个网址 阅读全文
摘要：
1. 安装eslint npm install eslint --save-dev // 或者 yarn add eslint --dev 2. 初始化配置文件 npx eslint --init //进入问题配置页面 选择Airbnb会自动安装react相关的插件，包含eslint-plugin- 阅读全文
摘要：
在实际开发过程中，经常遇到根据props和state变化，重新计算“渲染阶段”需要的数据的情况。 如：根据输入的值实时过滤select列表，或者表格数据（查询过滤）。 问题特点： 1. 每次渲染都会调用相关操作 2. 进行的操作都是和渲染相关的，如根据参数计算渲染需要的数据 常用方法： 1）在get 阅读全文
摘要：
如果想通过props来重置state的值。有3种方法： 1. 最好的方法：key属性 修改key属性的值，可以使组件卸载后重新加载。所有的状态全部重置。 这种情况可以给key设一个每次渲染都会改变的值。 而且在多层嵌套的情况下，避免了组件的diff。 （递归实现树状级联组件，且节点带有状态时，每次都 阅读全文
摘要：
测试用例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
摘要：
1. console面板展示 1.全屏展示 打开开发者工具（option+cmd+i),点击console的tab 2. 在其他面板展示的同时展示console面板 1）esc快捷命令 2）或者选择打开右上角的Customize and controlled Devtool， 然后选择show Co 阅读全文
摘要：
1. propTypes 用于进行props的类型检查；来自于prop-types库。 该方法适用于函数组件和class组件。 如果使用了@babel/plugin-proposal-class-properties插件， 可以直接在组件内部作为静态属性。 在组件（class组件和函数组件都适用）外 阅读全文
摘要：
1. 算法由来 React调用render()方法后，会生成一个React元素组成的树。 再次调用，生成一个新的树。React比较两者的差异，然后更新UI。 如果单纯使用算法，来查找两个DOM树的差异值，算法复杂度为O(n^3)。 为了提高渲染效率，假定： 1）元素类型不同，是不同的树 2）子元素可 阅读全文