房产网站建设产品,网站域名和邮箱域名,双语网站模板,233建筑网校参考#xff1a;document.readyState - Web API 接口参考 | MDN (mozilla.org)
第一步#xff0c;JS生命周期第一步
文档加载中状态#xff0c;document.readyState loading
第二步#xff0c;JS生命周期第二步
可交互状态#xff0c;document.readyState interacti…参考document.readyState - Web API 接口参考 | MDN (mozilla.org)
第一步JS生命周期第一步
文档加载中状态document.readyState loading
第二步JS生命周期第二步
可交互状态document.readyState interactive
第三步HTML生命周期的第一步
DOMContentLoaded标识浏览已完全加载HTML并构建DOM树但样式表之外的外部资源未加载完成。此时处理程序可以查找DOM节点并初始化接口
第四步JS生命周期第三步
加载完成document.readyState complete
第五步HTML生命周期的第二步
window.onload被触发标识加载完所有外部资源包括图片、样式
第六步angular生命周期的第一步
constructor构造器仅用来对局部变量进行简单值的初始化
第七步angular生命周期的第二步
ngOnChanges被绑定的输入值发生变化出现在父子组件传值调用的情况
第八步angular生命周期的第三步
ngOnInit一般在这里请求数据ngDocheck在每个变更检测周期中调用
第九步angular生命周期的第四步
ngAfterContentInit组件内容初始化后调用ngAfterContentChecked变更检测被调用
第十步angular生命周期的第五步
ngAfterViewInit初始化完成组件、视图后被调用可进行DOM操作