微信小程序面试题

请解释微信小程序的生命周期及其对应的钩子函数。

微信小程序的生命周期包括 onLaunch、onShow、onHide、onError、onPageNotFound 等阶段。对应的钩子函数分别是：
- onLaunch：小程序初始化时触发。
- onShow：小程序启动或从后台进入前台时触发。
- onHide：小程序从前台进入后台时触发。
- onError：小程序发生错误时触发。
- onPageNotFound：页面不存在时触发。
请解释微信小程序的页面生命周期及其对应的钩子函数。

微信小程序的页面生命周期包括 onLoad、onShow、onReady、onHide、onUnload 等阶段。对应的钩子函数分别是：
- onLoad：页面加载时触发。
- onShow：页面显示时触发。
- onReady：页面初次渲染完成时触发。
- onHide：页面隐藏时触发。
- onUnload：页面卸载时触发。
请解释什么是组件化开发，并举例说明微信小程序中的组件化开发。

组件化开发是一种将页面拆分为独立、可复用的组件进行开发的方法。在微信小程序中，可以通过自定义组件实现组件化开发。例如，将一个按钮封装成一个独立的按钮组件，然后在多个页面中复用这个按钮组件。
请解释什么是事件冒泡和事件捕获，并说明微信小程序中的事件传播机制。

事件冒泡和事件捕获是指事件在 DOM 树中传播的两种方式。在微信小程序中，事件传播机制是先捕获后冒泡。即事件从最外层的节点向内层节点进行捕获，然后再从内层节点向外层节点进行冒泡。
请解释微信小程序中的数据绑定和双向绑定的概念。

数据绑定是指将数据与视图进行关联，当数据发生变化时，视图也会相应地更新。双向绑定是数据绑定的一种扩展，不仅可以将数据反映到视图上，还可以将用户的输入反映回数据中。
请解释微信小程序中的全局变量和页面变量的区别。

全局变量是指在整个小程序中都可以访问的变量，它可以在不同的页面之间共享。页面变量是指在特定页面中定义的变量，它只能在该页面中访问。
请解释微信小程序中的 WXML 和 WXSS 的作用。

WXML 是微信小程序的模板语言，用于描述页面的结构。它类似于 HTML，但具有一些微信小程序特定的语法和标签，如 wx:if、wx:for 等。WXSS 是微信小程序的样式语言，用于描述页面的样式。它类似于 CSS，但也有一些微信小程序特定的样式规则和单位，如 rpx。
请解释微信小程序中的路由和页面跳转方式。

路由是指在不同页面之间进行切换的方式。微信小程序中的页面跳转方式包括 navigateTo、redirectTo、switchTab、navigateBack 等。其中，navigateTo 和 redirectTo 可以用于页面的正常跳转，switchTab 用于跳转到底部的 Tab 页面，navigateBack 用于返回上一页面。
请解释微信小程序中的页面栈和页面栈的大小限制。

页面栈是指小程序中用于管理页面的栈结构。每当跳转到一个新页面时，该页面会被推入页面栈中，当页面返回时，栈顶的页面会被弹出。微信小程序中的页面栈大小默认为 10，即最多同时保留 10 个页面，超过这个数量时，最早进入的页面将被销毁。
请解释微信小程序中的数据缓存机制并提供示例。

微信小程序提供了数据缓存机制，可以通过 wx.setStorage 和 wx.getStorage 方法将数据存储在本地缓存中。示例代码如下：
javascript 复制代码
```
// 存储数据
wx.setStorage({
  key: 'key',
  data: 'value',
  success: function() {
    console.log('数据存储成功');
  }
});

// 获取数据
wx.getStorage({
  key: 'key',
  success: function(res) {
    console.log('获取到的数据为：', res.data);
  }
});
```
这样，数据就可以在不同的页面中进行存储和获取了。