
React性能优化方法总结 使用React开发的项目,可以从加载性能和运行时性能两个方面进行优化。 加载性能优化的目标是让用户更早地看到界面、更早地和应用交互。运行时性能优化...
1.error: The following untracked working tree files would be overwritten by merge。可能在如下...
手写useState: 总结: 每个函数组件对应一个React节点 每个节点保存着state和index useState会读取state[index] index由useS...
注意:window 对象变量可以省略 window,直接使用变量,但是建议加上 window 1. window.location href、assign()、replace...
react-router V6版本路由用法和V5用法差距较大,一个简单的使用案例 新版本组件也开始使用函数式组件+hooks 1.入口main 2.子路由-Index模块(案...
前端当然要学HTTP啊,不学HTTP怎么办嘛 ——一位前端工程师如是说...
JOSN.parse(JSON.stringify(obj))实现深拷贝的弊端 1.时间对象转换之后会变成字符串,不再是时间对象 2.对象中有 new regExp 或 E...
1. setState setState更新状态的2种写法 2. lazyLoad 路由组件的lazyLoad 3. Hooks 1. React Hook/Hooks是什么...
flex margin-left: auto; 解决最后一个元素靠右问题 最后一个元素自动撑满宽度 flex auto align-content属性align-con...
组件生命周期 组件的生命周期有助于理解组件的运行方式,完成更复杂的组件功能、分析组件错误原因等组件的生命周期: 组件从被创建到挂载到页面中运行,再到组件不在时卸载的过程生命周...
基础功能 将 state 保存到 localStorage 中,实现本地持久化; 如果清空了值,也从 localStorage 中删除这条数据; 会自动处理序列化和反序列化的...
当元素为行内块元素时,元素之间会有缝隙产生 为什么会有间隙产生呢? 当上面的代码成这样子时(img写在同一行),img之间的间隙就会消失。 那么就有一个结论: 白色间隙是由于...
最近开始复习react特性了,这篇是用来记录复盘的 创建项目 jsx配置 要在jsx中自动补齐标签,需要在settings.json文件中添加以下配置 基础语法 Fragme...
1、通过原生JS获取Dom去操作 通过document.querySelector('#title')原生js的方式去拿到dom节点,然后去进行操作。 2、通过react官方...
什么是 Virtual DOM? Virtual DOM 是一种编程概念。在这个概念里, UI 以一种理想化的,或者说“虚拟的”表现形式被保存于内存中,并通过如 ReactD...
https://stackoverflow.com/questions/56384761/cannot-access-class-contexttype-within-a-c...
先来看个简单的例子 当我们点击父组件按钮时,父组件的状态parentCount会被更新,导致父组件重新渲染,子组件也会重新渲染;而此时我们的子组件和父组件之间并没有依赖关系,...
Git代码提交规范 前言 为什么要注重代码提交规范? 在团队协作开发时,每个人提交代码时都会写 commit message。每个人都有自己的书写风格,翻看我们组的git l...