微信小程序面试必备知识点详解

"微信小程序面试题总结" 微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，旨在让开发者能够快速构建在微信生态内的应用程序。本文将围绕微信小程序的面试题进行总结，涵盖其核心组成部分、数据请求封装、参数传递方式以及小程序的工作原理。 ## 1. 微信小程序的主要文件类型 微信小程序的项目结构包含多种类型的文件，它们各自承担不同的职责： 1. **WXML (WeiXin Markup Language)**：类似于HTML，但专为微信小程序设计，用于构建页面结构。它结合了基础组件和事件系统，使得开发者能够创建交互式的用户界面。 2. **WXSS (WeiXin Style Sheets)**：类似CSS，用来描述WXML组件的样式。虽然它与CSS有很多共同点，但并非所有CSS特性都支持。 3. **JS (JavaScript)**：负责处理业务逻辑和网络请求。开发者可以通过JavaScript与微信小程序的API进行交互，实现数据的获取和更新。 4. **JSON**：用于配置小程序的设置，如页面注册、页面标题、TabBar等。`app.json`是全局配置文件，不可或缺，因为它定义了小程序的整体配置。 5. **app.js**：这是小程序的入口文件，用于监听和处理生命周期函数，声明全局变量。 ## 2. 封装微信小程序的数据请求 通常，开发者会将所有接口定义在一个单独的JS文件中，然后在`app.js`中创建一个封装的请求方法。这样，其他页面可以方便地调用这个封装好的方法进行数据请求，提高代码复用性和可维护性。 ## 3. 参数传递方法 微信小程序提供了多种传递参数的方式： 1. **data-\*属性**：在元素上添加"data-"前缀的自定义属性，通过`e.currentTarget.dataset`或`onload`的`param`参数获取。 2. **ID标识**：通过元素ID传递值，然后利用全局对象存储和传递。 3. **navigator组件**：在跳转页面时，可以在navigator组件中添加参数，接收页面可以直接解析。 ## 4. 微信小程序的工作原理 1. **JavaScript**：在微信小程序中，JavaScript代码运行在微信App内，而不是浏览器中，因此受限于微信提供的API，与传统的H5开发存在差异。 2. **WXML**：基于XML语法，但仅限使用微信提供的组件，不支持HTML标签。 3. **WXSS**：虽与CSS相似，但不支持所有CSS特性，且有些特性的实现可能不同。 4. **运行环境**：微信小程序的运行环境是封闭的，这使得它能充分利用微信的原生功能，同时也限制了其跨平台的能力。 微信小程序通过集成JavaScript、WXML和WXSS，为开发者提供了一种构建原生感体验的轻应用方式，同时依赖微信的生态环境来提供服务和API。在实际开发过程中，理解这些基础知识对于编写高效的小程序至关重要。