
React
梦见阳光。。
喜欢前端的妹纸
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React生命周期
生命周期函数指在某一时刻组件自动执行的函数。 2.mount挂载 componentWillMount – render – componentDidMount 组件即将被挂载到页面上–挂载–组件被挂载到页面上之后执行 componentWillMount, componentDidMount只会在第一次的时候执行 3.update更新 组件更新有两种情况 1.props发生变化 2.state...原创 2019-05-21 09:04:34 · 162 阅读 · 0 评论 -
React性能优化
1.render里面尽量减少新建变量和bind函数,传递参数是尽量减少传递参数的数量。 首先我们先思考一个问题,比如我要实现一个点击按钮使相应的num增加1,我们有哪一些方法。 大家应该都能想到,无非就是三种,如下图: 第一种是在构造函数中绑定this,第二种是在render()函数里面绑定this,第三种就是使用箭头函数,都能实现上述方法; 但是哪一种方法的性能最好,是我们要考虑的问题。应该大...原创 2019-05-21 09:24:02 · 158 阅读 · 0 评论 -
React中的虚拟DOM
假想React底层实现 1.state数据 2.jsx模板 3.数据 + 模板 结合,生成真实的dom,来显示 4.state发生改变 5.数据 + 模板结合,生成真实的dom,替换原始的dom、 缺陷: 第一次生成了一个完整的dom片段 第二次又生成了一个完整的dom片段 第二次的dom替换第一次的dom 非常耗性能 第二种假想 1.state数据 2.jsx模板 3.数据+模板结合,生成真实的...原创 2019-05-17 08:56:18 · 119 阅读 · 0 评论