React生命周期以及主要的API介绍
发布时间:2020-12-15 07:36:35 所属栏目:百科 来源:网络整理
导读:1.react中的虚拟dom树概念,在html中写标签都会放到dom树种,而在 react中先到虚拟中,他的一个好处就是跨平台,虚拟dom树可以让你的 有一个diff算法,不该删的东西不删, 2.react组件化开发,就是之前的模块化开发是从业务功能中来组织代码结构的 但是我们
1.react中的虚拟dom树概念,在html中写标签都会放到dom树种,而在 react中先到虚拟中,他的一个好处就是跨平台,虚拟dom树可以让你的 有一个diff算法,不该删的东西不删, 2.react组件化开发,就是之前的模块化开发是从业务功能中来组织代码结构的 但是我们的组件化开发是基于UI来进行开发的 3.react组件化开发的特性,自定义组件,高内聚思想,独立的作用域,规范化的接口 4.开发组件库 5.jsx:语法解析概括为两句:尖括号按照html来解析,大括号按照JS 语法来解析 6.单项数据流:组织代码的一种方式 7.如果想开发react必须要给予webpack 8. props和state两个实例属性 props是从外部穿捡来的参数都会传入到props state相当于ng中的 9.在react中props 10.并不是所有的标签都可以在里面来使用,只有他官方定义的标签才可以 11.区别,如果想使用for必须用htmlfor还有class必须用className 12.支持属性扩散的 13. .../的结构赋值 14生命周期函数的介绍 Mounting:已插入真实DOM Updating:正在被重新渲染 Unmounting:已移除真实DOM componentWillMount() componentDidMount() componentWillUpdate(object nextProps,object nextState) componentDidUpdate(object prevProps,object prevState) componentWillUnmount() 15。循环插入子元素的时候注意一定要有key属性这样diff算法才能找到新插入的元素 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |