前端基础知识整理汇总

一年跳槽季，最近听到最多的消息就是，我们公司又有同事离职了，所以，如果你想在职场上掌握主动权，你就需要比别人更加努力，更加夯实的技能基础，不然你拿什么去跟别人拼?所以，今天我们跟大家分享一些前端基础知识，希望对你有所帮助。

HTML页面的生命周期

HTML页面的生命周期有以下三个重要事件：

• DOMContentLoaded —— 浏览器已经完全加载了 HTML，DOM 树已经构建完毕，但是像是 <img> 和样式表等外部资源可能并没有下载完毕。
• load —— 浏览器已经加载了所有的资源(图像，样式表等)。
• beforeunload —— 当用户即将离开当前页面(刷新或关闭)时触发。正要去服务器读取新的页面时调用，此时还没开始读取;
• unload —— 在用户离开页面后触发。从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。
• 每个事件都有特定的用途:
• DOMContentLoaded —— DOM 加载完毕，所以 JS 可以访问所有 DOM 节点，初始化界面。
• load —— 附加资源已经加载完毕，可以在此事件触发时获得图像的大小(如果没有被在 HTML/CSS 中指定)
• beforeunload —— 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
• unload —— 删除本地数据localstorage等

DOMContentLoaded

（编辑：甘孜站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!