当前位置：首页 > news >正文

Angular+html+js前端加载生命周期

news 2026/5/17 17:40:42

参考：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操作

Angular+html+js前端加载生命周期

参考：document.readyState - Web API 接口参考 | MDN (mozilla.org) 第一步，JS生命周期第一步文档加载中状态，document.readyState loading 第二步，JS生命周期第二步可交互状态，document.readyState interacti…...

编程日记 2023/10/12 17:55:43

社区投稿| 以安全视角，深度剖析 Sui Staking 与 LSD

本篇技术研报由 MoveBit 研究团队的 Jason 撰写 #1 Sui Staking 介绍 1.1 Sui 网络概述 Sui 网络由一组独立的验证者运行，每个验证者在自己的机器或集群上运行独立的 Sui 软件实例。 Sui 采用委托权益证明（DPoS）来确定哪些验证者参与网络…...

编程日记 2023/10/12 17:54:41

AM@邻域@极限定义中的符号说明

文章目录 abstract邻域👺邻域中心和半径去心邻域 ϵ , δ \epsilon,\delta ϵ,δ的意义各种极限定义的共同点几何意义极限定义中的极限过程临界值 ϵ \epsilon ϵ的选取👺 概念辨析👺无限接近不同于越来越接近例例越来越接近推不出无限接近 …...

编程日记 2023/10/12 17:53:40

论Oracle兼容性，我们需要做什么

作者介绍：王海峰，数据库系统架构师，YashanDB SQL开发负责人，10年以上数据库内核技术开发经验。 Oracle兼容性是目前国产数据库的关键任务之一，其直接影响到商业迁移的成本和竞争力。我们经常发现，部分国产…...

编程日记 2023/10/12 17:51:39

你知道多号发圈的同时并延迟评论的方式吗？

你知道多号发圈的同时并延迟评论的方式吗？ 其实很简单。步骤1：编辑好朋友圈内容步骤2：设置延迟评论步骤3：选择多个号发圈通过以上3个步骤，就可以实现多号发圈的同时并延迟评论。在发布朋友圈前，只需要…...

编程日记 2023/10/12 17:50:37

【BugBounty】记一次XSS绕过

前言最近一直在看国外的赏金平台，绕waf是真的难受, 记录一下绕过的场景。初步测试一开始尝试XSS，发现用户的输入在title中展示，那么一般来说就是看能否闭合，我们从下面图中可以看到，输入尖括号后被转成了实体。 …...

编程日记 2023/10/12 17:49:36

Linux文件目录结构详解：根目录和常见子目录介绍

文章目录引言1. 什么是Linux文件目录结构2. Linux文件系统的重要性根目录（/）2.1 根目录的作用和特点2.2 根目录下常见目录的介绍 /bin 目录3.1 /bin 目录的作用和内容3.2 常见的可执行命令示例 /etc 目录4.1 /etc 目录的作用和内容4.2 配置文件的存放位…...

编程日记 2023/10/12 17:48:35

知识付费小程序的推广与用户增长策略

在知识付费小程序开发完成后，推广和用户增长是关键的成功因素。本文将探讨一些推广策略和用户增长方法，并提供代码示例，帮助您在知识付费小程序中实施这些策略。 1. 社交媒体分享功能在知识付费小程序中添加社交媒体分享功能，…...

编程日记 2023/10/12 17:47:32

微信小程序获取当前屏幕的可见高宽度

很多时候我们做一下逻辑需要用整个窗口的高度或宽度参与计算而且很多时候我们js中拿到的单位都是px像素点没办法和rpx同流合污官方提供了wx.getSystemInfoSync() 可以获取到部分窗口信息其中就包括了整个窗口的宽度和高度 wx.getSystemInfoSync().windowHeight 返回值为像…...

编程日记 2023/10/12 17:46:31

使用 Splashtop 驾驭未来媒体和娱乐

在当今时代，数字转型不再是可选项，而是必选项。如今，媒体与娱乐业处于关键时刻，正在错综复杂的创意、技术和远程协作迷宫之中摸索前进。过去几年发生的全球事件影响了我们的日常生活，不可逆转地改变了行业的运作方式&a…...

编程日记 2023/10/12 17:44:28

java.io.IOException: java.lang.ClassCastException: Cannot cast org.springframework.web.SpringServletContainerInitializer to javax.servlet.ServletContainerInitializer解决办法：可能Tomcat版本不对，使用7.0.90版本启动报错，使用8.0…...

编程日记 2023/10/12 17:43:26

offer

【录用通知书】如何判断公司的好坏呢。注意了，我们软件行业，技术管理类，技术类，产品类好公司好企业基本都会给你说清楚，一项多少钱，加班多少钱，这样的像这类公司的薪资结构复杂就要特别…...

编程日记 2023/10/12 17:40:24

漏洞复现--鸿运主动安全监控云平台任意文件下载

免责声明： **文章中涉及的漏洞均已修复，敏感信息均已做打码处理，文章仅做经验分享用途，切勿当真，未授权的攻击属于非法行为！文章中敏感信息均已做多层打马处理。传播、利用本文章所提供的信息而造成的任何…...

编程日记 2023/10/12 17:39:23

第二章物理层 | 计算机网络（谢希仁第八版）

文章目录第二章物理层2.1 物理层的基本概念2.2 数据通信的基础知识2.2.1 数据通信系统的模型2.2.2 有关信道的几个基本概念2.2.3 信道的极限容量 2.3 物理层下面的传输媒体2.3.1 导引型传输媒体2.3.2 非导引型传输媒体 2.4 信道复用技术2.4.1 频分复用、时分复用和统计时分复…...

编程日记 2023/10/12 17:38:21

路由高级特性

项目拓扑与项目需求项目需求某企业网络使用ospf和isis作为IGP协议实现内部网络的互联互通，区域规划和IP规划如图所示，现在要求实现如下需求： LSW1和AR1使用vlan10互联，与AR2使用vlan20互联，LSW1与LSW2、3、4之间使…...

编程日记 2023/10/12 17:37:19

【MySQL】数据库排查慢查询、死锁进程排查、预防以及解决方法

MySQL数据库排查慢查询、死锁进程及解决方法一、排查慢查询 1.1检查慢查询日志是否开启 1.1.1使用命令检查是否开启慢查询日志: SHOW VARIABLES LIKE slow_query_log;如果是 Value 为 off 则并未开启 1.1.2开启并且查看慢查询日志: MySQL提供了慢查询日志功能,可以记录所…...

编程日记 2023/10/12 17:36:17

WSL2下的Docker配置和使用

在Windows的Linux子系统（Windows Subsystem for Linux）WSL2中安装、配置和使用 Docker，可以参考官方教程：WSL上的Docker远程容器入门. 重要步骤总结如下： 先决条件确保你的计算机运行的是 Windows 10（更…...

编程日记 2023/10/12 17:35:16

污水管网水位监测，管网水位监测仪守护城市污水管网运行

万宾科技：污水管网水位监测近年来，城市化进程的加速使得污水管网建设愈发重要。然而，在管网运维中，水位监测一直以来都是一个令人头痛的难题。为了解决这一问题，万宾科技公司推出了管网水位监测仪EN200-D2&#xff0…...

编程日记 2023/10/12 17:34:14

IDEA插件版本升级和兼容新版本idea

1.关于IDEA插件的版本设置问题打开jetbrains插件市场，随意打开一个插件详情页面的Versions菜单，我们可以看见一个插件包不同时期发布的不同版本（Versions），并且每个版本包含了可兼容IDEA或PyCharm的版本范围&#xf…...

编程日记 2023/10/12 17:33:12

Docker 容器应急

容器网络简单理解容器拥有n多张veth网卡与一张docker0网卡 docker 五种网络 bridge 默认网络，Docker启动后创建一个docker0网桥，默认创建的容器也是添加到这个网桥中。host 容器不会获得一个独立的network namespace，而是与宿主机共用一个…...

编程日记 2023/10/12 17:32:11

如何永久珍藏你的微信数字记忆？WeChatMsg让聊天记录成为永恒财富！

如何永久珍藏你的微信数字记忆？WeChatMsg让聊天记录成为永恒财富！ 【免费下载链接】WeChatMsg 提取微信聊天记录，将其导出成HTML、Word、CSV文档永久保存，对聊天记录进行分析生成年度聊天报告项目地址: https://gitcode.com/Gi…...

编程新知 2026/5/17 11:08:08

Taotoken用量看板如何帮助个人开发者管理月度预算

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 Taotoken用量看板如何帮助个人开发者管理月度预算对于独立工作的个人开发者而言，项目预算往往是决定技术选型与使用策…...

编程新知 2026/5/17 9:14:34

告别黑盒：5分钟为你的自定义CNN模型集成Grad-CAM可视化（附常见错误排查）

告别黑盒：5分钟为你的自定义CNN模型集成Grad-CAM可视化（附常见错误排查） 在深度学习项目中，我们常常陷入一个尴尬境地：模型准确率很高，但完全不知道它究竟"看"了图像的哪些部分做出决策。这种黑盒…...

编程新知 2026/5/17 9:04:17

3DS游戏格式转换实战指南：5步完成CCI到CIA的高效转换

3DS游戏格式转换实战指南：5步完成CCI到CIA的高效转换【免费下载链接】3dsconv Python script to convert Nintendo 3DS CCI (".cci", ".3ds") files to the CIA format 项目地址: https://gitcode.com/gh_mirrors/3d/3dsconv 作为一名3…...

编程新知 2026/5/17 8:41:23