微信小程序面试必备：20道基础题目解析

"这份文档包含了20道关于微信小程序的面试题目，主要涉及小程序的基础结构、事件处理、样式系统以及与Vue框架的区别。" 在微信小程序开发中，开发者需要掌握以下几个核心知识点： 1. **小程序的基本文件结构**： - `WXML`：用于构建用户界面，类似于HTML。 - `WXSS`：样式表语言，类似CSS，用于定义组件样式。 - `JS`：逻辑处理，包括网络请求和页面交互。 - `JSON`：配置文件，如`app.json`用于全局配置，包括页面路径、网络设置和界面样式等。 每个小程序页面由四个文件组成，其中`app.js`和`app.json`是必不可少的，前者用于处理生命周期和全局变量，后者用于全局配置。 2. **事件传值**： - 通过在HTML元素上添加`data-*`属性来传递数据，然后在事件处理函数中通过`e.currentTarget.dataset`获取。 - 在页面加载时，可以使用`onLoad`的`param`参数传递数据。 3. **WXSS与CSS的差异**： - WXSS不支持本地图片引入，需要使用网络URL。 - 不支持`body`标签，但可以通过其他方式实现类似效果。 - 支持使用`import`导入样式。 4. **用户唯一性的确定**： - 通过调用`wx.getUserInfo`，设置`withCredentials`为`true`，获取`encryptedData`，包含`union_id`，后端解密后可确认用户唯一性。 5. **微信小程序与Vue的区别**： - 生命周期：小程序生命周期函数相对简单，如`onLoad`、`onShow`等，而Vue的生命周期更复杂，包括`mounted`、`updated`等。 - 数据绑定：小程序使用双大括号`{{}}`，Vue使用`:`或`v-bind`。 - 显示与隐藏：小程序使用`wx-if`和`hidden`，Vue用`v-if`和`v-show`。 - 事件处理：小程序使用`bindtap`和`catchtap`，Vue使用`v-on`或`@`。 - 数据双向绑定：Vue的`v-model`实现双向绑定，小程序则需要手动获取表单元素并更新数据。 面试者应熟悉这些基本概念和技术差异，以便在面试中能够准确地讨论和解决相关问题。同时，理解微信小程序的特性和限制对于实际开发至关重要，这将直接影响到项目的架构设计和性能优化。