摘要: React 事件机制 <div onClick={this.handleClick.bind(this)}>点我</div> React并不是将click事件绑定到了div的真实DOM上,而是在document处监听了所有的事件,当事件发生并且冒泡到document处的时候,React将事件内容封装 阅读全文
posted @ 2023-03-01 17:21 xiaofeng123aa 阅读(51) 评论(0) 推荐(0)
摘要: 目录 代码分割 React的懒加载 import() 原理 React.lazy 原理 Suspense 原理 参考 1.代码分割 (1)为什么要进行代码分割? 现在前端项目基本都采用打包技术,比如 Webpack,JS逻辑代码打包后会产生一个 bundle.js 文件,而随着我们引用的第三方库越来 阅读全文
posted @ 2023-03-01 17:20 xiaofeng123aa 阅读(71) 评论(0) 推荐(0)
摘要: 什么原因会促使你脱离 create-react-app 的依赖 当你想去配置 webpack 或 babel presets。 React 16中新生命周期有哪些 关于 React16 开始应用的新生命周期: 可以看出,React16 自上而下地对生命周期做了另一种维度的解读: Render 阶段: 阅读全文
posted @ 2023-03-01 17:20 xiaofeng123aa 阅读(45) 评论(0) 推荐(0)
摘要: react hooks 实现 Hooks 解决了什么问题 在 React 的设计哲学中,简单的来说可以用下面这条公式来表示: UI = f(data) 等号的左边时 UI 代表的最终画出来的界面;等号的右边是一个函数,也就是我们写的 React 相关的代码;data 就是数据,在 React 中,d 阅读全文
posted @ 2023-03-01 17:20 xiaofeng123aa 阅读(54) 评论(0) 推荐(0)