原生js有生命周期吗?及怎么使用?（原生js常用的方法）

虽然原生 JavaScript 没有像一些框架 Vue、React 那样明确定义生命周期，但是JavaScript 具有一些事件和方法，可以在页面的生命周期中调用这些事件和方法。以下是几个常见的 JavaScript 页面生命周期事件及其使用方法：

1. onload 事件：当页面所有资源（包括图片、脚本等）下载完成后，会触发该事件。使用方法如下：

window.onload = function () {
    // 代码
}

2. DOMContentLoaded 事件：当文档加载完成后，DOM 树构建完成触发的事件。使用方法如下：

document.addEventListener('DOMContentLoaded', function () {
    // 代码
})

3. onunload 事件：在页面被卸载之前触发的事件。使用方法如下：

window.onunload = function () {
    // 代码
}

4. onbeforeunload 事件：在页面被卸载之前触发，通常用于提示用户是否需要保存未提交的数据。使用方法：

window.onbeforeunload = function () {
    return '数据未保存，确定要离开此页面吗？'
}

5. onresize 事件：当页面大小发生变化时触发的事件。使用方法如下：

window.onresize = function () {
    // 代码
}

这些生命周期事件可以在页面中的 script 标签中或外部 JavaScript 文件中使用。开发中可以根据需要添加逻辑，来实现对应生命周期的逻辑处理。