原生js 类似生命周期

原生JavaScript的生命周期与其他平台的UI生命周期类似，但也有一些特点。可以将原生JavaScript的生命周期划分为以下几个阶段：

1. 解析阶段：浏览器解析HTML文档时，遇到JavaScript代码时会将其解析并构建执行环境。

2. 初始化阶段：JavaScript代码被解析后，执行环境会被初始化，函数和闭包被创建，可以立即执行的指令会被执行并实时得到结果。

3. 事件处理阶段：在页面加载完毕后，JavaScript可以响应用户的交互事件，例如点击、滚动等。在这个阶段，JavaScript代码可以根据用户的操作做出相应的反应。

4. 销毁阶段：当页面被关闭或者跳转到其他页面时，JavaScript的执行环境会被销毁，变量和对象会被回收释放，以节省内存资源。

相关问题

JS原生的生命周期函数怎么使用的

在 JavaScript 中，没有像 React 或 Vue 这样的组件生命周期函数。但是，JavaScript 中的一些对象和元素确实具有一些生命周期事件，比如页面加载完成时触发的 window.onload 事件、元素加载完成时触发的 element.onload 事件等等。

下面是一些常用的 JavaScript 生命周期事件：

1. window.onload：当整个页面及其依赖资源（如图片、样式表等）都已加载完成时触发。

2. document.ready：当 DOM 树加载完成时触发。

3. element.onload：当某个元素（如图片）加载完成时触发。

4. element.onunload：当某个元素（如图片）被卸载时触发。

使用这些生命周期事件，可以在特定的时刻执行一些代码，比如在页面加载完成后初始化一些组件、在元素加载完成后执行一些动画效果等等。使用方式类似于普通的事件监听，可以通过 addEventListener() 或元素属性的方式来注册这些事件。例如：

window.onload = function() {
  // 页面加载完成后执行的代码
};

document.addEventListener('DOMContentLoaded', function() {
  // DOM 树加载完成后执行的代码
});

<img src="example.jpg" onload="handleLoad()" />

需要注意的是，不同的生命周期事件可能在不同的浏览器中有不同的兼容性问题，需要仔细测试和处理。

uni-app所有知识点

Uni-app 是 DCloud 公司开发的一款跨平台应用开发框架，开发者可以使用 Vue.js 构建一套代码，同时可以发布到多个平台，包括 iOS、Android、Web 等多个平台。下面是 Uni-app 的一些知识点：

1. Uni-app 的基本架构：Uni-app 采用了基于 Vue.js 的 MVVM 架构，同时还使用了微信小程序的组件化开发模式。

2. 页面开发：Uni-app 的页面开发基于 Vue.js，可以使用 Vue.js 的语法进行页面开发。

3. 组件开发：Uni-app 支持使用 Vue.js 的组件开发模式，可以使用 Vue.js 的组件语法来开发组件。

4. 路由管理：Uni-app 支持使用 Vue.js 的 vue-router 组件进行路由管理。

5. 数据交互：Uni-app 支持使用 Vue.js 的 vue-resource 或 axios 库进行数据交互。

6. 生命周期：Uni-app 的生命周期和 Vue.js 的生命周期类似，包括 created、mounted、updated 等等。

7. 插件开发：Uni-app 支持使用原生插件或 HBuilderX 提供的插件进行开发。

8. 打包发布：Uni-app 支持将代码打包成原生应用或 H5 页面，可以发布到多个平台。

9. 调试工具：Uni-app 提供了 HBuilderX 工具作为调试工具，可以在其中进行代码调试、页面预览等操作。

10. 其他特性：Uni-app 还支持使用 Vuex 进行状态管理，支持使用 Less 或 Sass 进行样式开发，支持使用 TypeScript 进行开发等。