微信小程序面试题

微信小程序面试题

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

   微信小程序的生命周期包括 onLaunch、onShow、onHide、onError、onPageNotFound 等阶段。对应的钩子函数分别是：

   • onLaunch：小程序初始化时触发。
   • onShow：小程序启动或从后台进入前台时触发。
   • onHide：小程序从前台进入后台时触发。
   • onError：小程序发生错误时触发。
   • onPageNotFound：页面不存在时触发。

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

   微信小程序的页面生命周期包括 onLoad、onShow、onReady、onHide、onUnload 等阶段。对应的钩子函数分别是：

   • onLoad：页面加载时触发。
   • onShow：页面显示时触发。
   • onReady：页面初次渲染完成时触发。
   • onHide：页面隐藏时触发。
   • onUnload：页面卸载时触发。

3. 请解释什么是组件化开发，并举例说明微信小程序中的组件化开发。

   组件化开发是一种将页面拆分为独立、可复用的组件进行开发的方法。在微信小程序中，可以通过自定义组件实现组件化开发。例如，将一个按钮封装成一个独立的按钮组件，然后在多个页面中复用这个按钮组件。

4. 请解释什么是事件冒泡和事件捕获，并说明微信小程序中的事件传播机制。

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

5. 请解释微信小程序中的数据绑定和双向绑定的概念。

   数据绑定是指将数据与视图进行关联，当数据发生变化时，视图也会相应地更新。双向绑定是数据绑定的一种扩展，不仅可以将数据反映到视图上，还可以将用户的输入反映回数据中。

6. 请解释微信小程序中的全局变量和页面变量的区别。

   全局变量是指在整个小程序中都可以访问的变量，它可以在不同的页面之间共享。页面变量是指在特定页面中定义的变量，它只能在该页面中访问。

7. 请解释微信小程序中的 WXML 和 WXSS 的作用。

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

8. 请解释微信小程序中的路由和页面跳转方式。

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

9. 请解释微信小程序中的页面栈和页面栈的大小限制。

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

10. 请解释微信小程序中的数据缓存机制并提供示例。

    微信小程序提供了数据缓存机制，可以通过 wx.setStorage 和 wx.getStorage 方法将数据存储在本地缓存中。示例代码如下：

    // 存储数据
    wx.setStorage({
      key: 'key',
      data: 'value',
      success: function() {
        console.log('数据存储成功');
      }
    });
    
    // 获取数据
    wx.getStorage({
      key: 'key',
      success: function(res) {
        console.log('获取到的数据为：', res.data);
      }
    });
    

    这样，数据就可以在不同的页面中进行存储和获取了。