react
文章平均质量分 88
十一T_T
这个作者很懒,什么都没留下…
展开
-
React中组件通信有哪些方式
React中组件通信有哪些方式原创 2022-10-18 17:57:33 · 3902 阅读 · 0 评论 -
react相关API学习中...
useState:useMemo:useSelector:useDispatch:useCallback:useEffect:React.memo:useReducer:const [state, dispatch] = useReducer(reducer, initState);useReducer接收两个参数:第一个参数:reducer函数。第二个参数:初始化的state。返回值为最新的state和dispatch函数(用来触发reducer函数,计算对应的stat原创 2022-04-24 18:29:04 · 1180 阅读 · 0 评论 -
前端三大主流框架
随着时间和技术的发展,前端框架从jQuery一家独大的情况,发展到现在的Angular、Vue、React三足鼎立的情况,三个框架各有优略,也都是比较成熟。React :1.声明式设计:React采用声明范式,可以轻松描述应用。2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活:React可以与已知的库或框架很好地配合。优点:1. 速度快:在UI渲染过程中...原创 2019-04-07 22:57:57 · 3960 阅读 · 0 评论 -
react 组件生命周期
组件的生命周期可分成三个状态:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOM生命周期的方法有:componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访...原创 2019-07-09 21:49:16 · 160 阅读 · 0 评论 -
利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性
shouldComponentUpdate这个函数会在组件重新渲染之前调用,函数的返回值确定了组件是否需要重新渲染。函数默认的返回值是true,意思就是只要组件的 props 或者 state 发生了变化,就会重新构建 virtual DOM,然后使用 diff算法进行比较,再接着根据比较结果决定是否重新渲染整个组件。shouldComponentUpdate函数是重渲染时render()函数...原创 2019-06-26 15:17:54 · 4059 阅读 · 0 评论 -
React Native 中组件的生命周期
概述就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:...原创 2019-06-26 23:25:11 · 145 阅读 · 0 评论