uniapp面试题

1. 什么是uniapp？

Uniapp 是一款基于 Vue.js 开发的跨平台应用开发框架，可以将同一套代码同时编译为多个平台的应用程序，包括 iOS、Android、Web 和小程序等。

2. uniapp支持哪些平台？

uniapp 支持编译为各种主流的移动端平台，包括 iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序和QQ小程序等。

3. uniapp中如何实现页面跳转？

在 uniapp 中，可以通过使用 uni.navigateTo 或 uni.redirectTo 等 API 实现页面跳转。其中，uni.navigateTo 可以保留当前页面，而 uni.redirectTo 则会替换当前页面。

4. uniapp中如何实现数据双向绑定？

在 uniapp 中，可以通过使用 v-model 指令实现数据双向绑定。例如，可以在 input 元素上绑定一个变量，并使用 v-model 进行双向绑定。

5. uniapp中如何处理网络请求？

在 uniapp 中，可以使用 uni.request 或 uni.uploadFile 等 API 发起网络请求，并在相应的回调函数中处理请求结果。此外，还可以使用 axios 等第三方库进行网络请求处理。

6. uniapp中如何处理图片资源？

在 uniapp 中，可以使用静态资源目录来存放图片资源，并在页面中通过相对路径进行引用。此外，还可以使用 uni.uploadFile 等 API 实现图片上传功能。

7. uniapp中如何使用第三方组件库？

在 uniapp 中，可以使用类似于 Vue.js 的方式引入第三方组件库，并在页面中直接使用。例如，可以在 main.js 中引入 vant 组件库，并在需要使用的页面中注册相应的组件。

8. uniapp中如何实现数据缓存？

在 uniapp 中，可以使用 uni.setStorageSync 和 uni.getStorageSync 等 API 实现数据缓存功能。此外，还可以使用 uni.request 或 axios 等第三方库实现服务端数据缓存。

9. uniapp中如何进行数据传递？

在 uniapp 中，可以通过使用 Props 进行父子组件之间的数据传递，也可以通过使用 Vuex 实现全局数据共享。

10. uniapp中如何调试应用程序？

在 uniapp 中，可以使用 HBuilderX 提供的调试器来调试应用程序。在模拟器或真机上运行应用程序时，可以通过 HBuilderX 调试器连接到应用程序，并进行调试操作。此外，还可以使用 Chrome 开发者工具等进行调试。

11.小程序的生命周期

函数名	说明	平台差异说明	最低版本
onInit	监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad	百度小程序	3.1.0+
onLoad	监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考 示例
onShow	监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
onReady	监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
onHide	监听页面隐藏
onUnload	监听页面卸载
onResize	监听窗口尺寸变化	App、微信小程序、快手小程序
onPullDownRefresh	监听用户下拉动作，一般用于下拉刷新，参考 示例
onReachBottom	页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。具体见下方注意事项
onTabItemTap	点击 tab 时触发，参数为Object，具体见下方注意事项	微信小程序、QQ小程序、支付宝小程序、百度小程序、H5、App、快手小程序、京东小程序
onShareAppMessage	用户点击右上角分享	微信小程序、QQ小程序、支付宝小程序、字节小程序、飞书小程序、快手小程序、京东小程序
onPageScroll	监听页面滚动，参数为Object	nvue暂不支持
onNavigationBarButtonTap	监听原生标题栏按钮点击事件，参数为Object	App、H5
onBackPress	监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；详细说明及使用： onBackPress 详解 。支付宝小程序只有真机能触发，只能监听非navigateBack引起的返回，不可阻止默认行为。	app、H5、支付宝小程序
onNavigationBarSearchInputChanged	监听原生标题栏搜索输入框输入内容变化事件	App、H5	1.6.0
onNavigationBarSearchInputConfirmed	监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发。	App、H5	1.6.0
onNavigationBarSearchInputClicked	监听原生标题栏搜索输入框点击事件（pages.json 中的 searchInput 配置 disabled 为 true 时才会触发）	App、H5	1.6.0
onShareTimeline	监听用户点击右上角转发到朋友圈	微信小程序	2.8.1+
onAddToFavorites	监听用户点击右上角收藏	微信小程序、QQ小程序	2.8.1+