component生命周期图
2016-08-23 09:33:42 0 举报
组件生命周期图是一个描述组件从创建到销毁过程中所经历的各个阶段的顺序图表。它包括以下主要阶段:1. 初始化:组件被创建并添加到DOM中,但尚未渲染。2. 挂载:组件被插入到DOM中,开始渲染。3. 更新:组件的数据或属性发生变化,导致重新渲染。4. 卸载:组件从DOM中移除,但仍保持其状态和事件处理程序。5. 销毁:组件的状态和事件处理程序被清除,释放内存。在React中,可以使用生命周期方法来管理这些阶段。例如,在componentDidMount()中执行网络请求,在componentDidUpdate()中根据新数据更新状态等。了解组件生命周期有助于编写更高效、可维护的代码。
作者其他创作
大纲/内容
component.render(渲染组件,最少两次,初始化一次,每次刷新数据一次)
refreshComponentById
doRender($el.html())组件渲染操作
makeNewPage()
afterRefresh()
doRefresh()
父类组件:initialize()
getNewComponent生成新组件
Component.Base initialize()如果不发请求是只有一次,其余的时候是多次
findElementsInComponent(遍历组件内的嵌套组件,进行实例化)
finalRender组件渲染后操作
beforeRender()组件渲染前操作
component .refresh(刷新组件)
model.refresh(刷新模型数据)
brower.historygoto()
beforeRefresh()
afterRender(渲染后处理,生成容器内组件)
0 条评论
下一页