Uni-app面试题——面试题整理3

一 面试题汇总

  1. 什么是 UniApp?它有什么特点?
  2. 请解释 UniApp 中的生命周期钩子函数及其执行顺序
  3. 请解释 UniApp 中的全局组件和页面组件的区别
  4. 请解释 UniApp 中的条件编译是如何工作的
  5. 请解释 UniApp 中的跨平台兼容性问题和解决方案

二 面试题解答(仅供参考)

2.1 什么是 UniApp?它有什么特点?

UniApp 是一个基于 Vue.js 的跨平台应用开发框架,可以使用 Vue.js 的开发语法编写一次代码,然后通过编译生成可以在多个平台(包括iOS、Android、H5 等)上运行的应用。UniApp 具有以下特点:

1
2
3
4
跨平台:开发者可以使用相同的代码基底构建多个平台的应用,避免了针对不同平台的重复开发。
高性能:UniApp 在运行时使用原生渲染技术,具有接近原生应用的性能表现。
开放生态:UniApp 支持原生插件和原生能力的扩展,可以调用设备的硬件功能和第三方原生 SDK。
开发便捷:UniApp 提供了丰富的组件和开发工具,简化了应用开发和调试的流程

2.2 请解释 UniApp 中的生命周期钩子函数及其执行顺序

在 UniApp 中,每个页面和组件都有一系列的生命周期钩子函数,用于在特定的时机执行代码。以下是 UniApp 中常用的生命周期钩子函数及其执行顺序:

1
2
3
4
5
6
onLoad:页面/组件加载时触发。
onShow:页面/组件显示在前台时触发。
onReady:页面/组件初次渲染完成时触发。
onHide:页面/组件被隐藏在后台时触发。
onUnload:页面/组件被销毁时触发。
执行顺序为:onLoad -> onShow -> onReady -> onHide -> onUnload

2.3 请解释 UniApp 中的全局组件和页面组件的区别

在 UniApp 中,全局组件和页面组件是两种不同类型的组件。

1
2
1-全局组件:在 App.vue 中注册的组件,可以在应用的所有页面和组件中使用。可以通过 Vue.component 方法进行全局注册。
2-页面组件:每个页面都有自己的组件,用于描述页面的结构和交互。页面组件只在当前页面有效,不能在其他页面中直接使用,但可以通过组件引用的方式进行复用

2.4 请解释 UniApp 中的条件编译是如何工作的

1
2
3
4
UniApp 中的条件编译允许开发者根据不同的平台或条件编译指令来编写不同的代码。
在编译过程中,指定的平台或条件将会被处理,并最终生成对应平台的可执行代码。
条件编译通过在代码中使用 #ifdef、#ifndef、#endif 等指令进行控制。
例如,可以使用 #ifdef H5 来编写只在 H5 平台生效的代码块。

2.5 请解释 UniApp 中的跨平台兼容性问题和解决方案

由于不同平台的差异,UniApp 在跨平台开发时可能会遇到一些兼容性问题。为了解决这些问题,可以采取以下几个方面的策略:

1
2
3
4
1-使用条件编译:根据不同的平台,编写对应平台的代码,使用条件编译指令来控制代码块的执行。
2-使用平台 API:UniApp 提供了一些平台 API,可以通过条件编译指令来使用特定平台的功能和能力。
3-样式适配:不同平台的样式表现可能有差异,使用 uni-app-plus 插件中的 upx2px 方法来进行样式适配,使得在不同平台上显示一致。
4-原生扩展:使用原生插件和扩展来调用设备的原生功能和第三方 SDK,以解决特定平台的需求

三 参考

  • CSDN-UniApp 面试题