微信小程序面试必备：核心概念与技巧解析

"这是一份关于微信小程序面试的文档，包含了15个常见的面试问题，涵盖了小程序的基础结构、事件传值、样式系统、数据绑定、生命周期以及用户交互等多个方面。" 1. **小程序文件结构** 微信小程序由几个核心文件组成： - **WXML**：这是微信定义的一种标记语言，类似于HTML，用于构建页面结构。 - **WXSS**：类似CSS，但有其特定的规则，例如仅支持外链背景图片和响应式单位rpx。 - **JS**：用于处理业务逻辑和数据操作。 - **JSON**：配置页面的全局属性。 2. **事件传值** 小程序中，可以通过在标签上绑定dataset属性来传递值，然后在事件处理函数中通过`e.currentTarget.dataset`来获取这些值。例如，`<button bindtap="get" data-name="测试">拿到传值</button>`，在对应的`get`函数中，通过`e.currentTarget.dataset.name`获取到"测试"。 3. **WXSS与CSS的区别** - WXSS不支持本地图片作为背景，只能使用网络链接。 - 使用`@import`引入外部样式文件，路径需为相对路径。 - 采用响应式单位rpx，可以根据屏幕宽度自适应。 4. **双向数据绑定** 小程序的双向绑定与Vue有所不同。在Vue中，直接修改`data`对象中的属性会同步更新视图，但在小程序中，必须通过`this.setData()`方法来更新数据并同步到视图。 5. **生命周期函数** - `onLoad`：页面首次加载时执行，可用于获取页面参数。 - `onShow`：页面显示或从后台切回时触发。 - `onReady`：页面初次渲染完成时执行，只执行一次。 - `onHide`：页面隐藏或进入后台时触发。 - `onUnload`：页面卸载时触发，如跳转到其他页面或返回时。 6. **下拉刷新** 实现下拉刷新有两种方式： - 方案一：在`app.json`或组件`json`中设置`"enablePullDownRefresh": true`，开启全局或单个页面的下拉刷新功能。 - 方案二：使用`scroll-view`组件，结合`bindscrolltoupper`属性监听滚动到顶部的事件，实现自定义下拉刷新效果。 7. **bindtap与catchtap** - `bindtap`事件不会阻止事件冒泡，意味着子元素上的事件处理函数也会被触发。 - `catchtap`事件可以阻止冒泡，当使用`catchtap`时，事件不会向上冒泡，仅在其所在元素上执行。 以上就是微信小程序面试中涉及的一些关键知识点，包括基础结构、事件处理、样式系统、数据绑定、生命周期管理和用户交互等。了解并熟练掌握这些内容对准备微信小程序开发者面试至关重要。