微信小程序面试题及详细答案.docxVIP

微信小程序面试题及详细答案

一、基础概念类

1.请说说微信小程序是什么，它和传统H5的区别在哪里？

答案：微信小程序是一种不需要下载安装即可在微信内使用的应用，基于微信生态，采用微信自研的技术栈开发，本质是一种“轻应用”，目的是实现“即用即走”的体验。

和传统H5的核心区别：

运行环境不同：H5运行在浏览器内核中，受浏览器功能限制；小程序运行在微信自带的“小程序容器”里，有独立的渲染层和逻辑层，能调用微信原生能力（如摄像头、蓝牙、地理位置等）。

性能差异：H5依赖网络加载资源，受网络状态影响大，容易出现卡顿；小程序的代码包提前下载或按需加载，渲染层和逻辑层分离，性能更接近原生App，流畅度更高。

开发规范：小程序有严格的目录结构、配置要求和尺寸规范（rpx），必须遵循微信的开发文档；H5开发更灵活，没有严格的框架限制。

分发方式：H5通过URL分享传播，小程序通过微信内的搜索、扫码、分享等方式分发，依托微信生态，获客更便捷。

2.小程序的双线程模型是什么意思？为什么要采用这种模型？

答案：小程序的双线程模型指的是“渲染层”和“逻辑层”分离，两个线程独立工作，通过微信客户端（Native）进行通信。

具体分工：

渲染层：对应wxml和wxss，使用WebView渲染页面，线程是UI线程，负责页面的展示和交互。

逻辑层：对应js文件，使用JSCore运行代码，线程是JS线程，负责业务逻辑处理（如数据请求、事件处理）。

采用双线程模型的原因：核心是为了保证页面渲染的流畅性和安全性。如果像传统H5一样单线程，当JS代码执行耗时操作（如复杂计算、长时间循环）时，会阻塞UI渲染，导致页面卡顿；分离后，逻辑层的耗时操作不会直接影响渲染层。同时，微信通过Native层中转通信，能限制逻辑层的权限，避免恶意代码操作渲染层或获取微信敏感信息，保障用户安全。

二、配置与目录结构类

1.小程序的目录结构主要有哪些文件？各自的作用是什么？

答案：小程序的基础目录结构及核心文件作用：

app.js：小程序的入口文件，负责全局逻辑，定义App实例，包含onLaunch（初始化）、onShow（显示）、onHide（隐藏）等全局生命周期函数。

app.json：全局配置文件，决定小程序的页面路径、窗口样式、tabBar、网络超时时间等，是小程序的核心配置，必须存在。

app.wxss：全局样式文件，定义全局样式，作用于所有页面，页面样式可以覆盖全局样式。

pages文件夹：存放所有页面，每个页面是一个独立的文件夹，包含4个核心文件（.js、.json、.wxml、.wxss），分别对应页面逻辑、页面配置、页面结构、页面样式。

utils文件夹：存放工具类函数（如数据格式化、请求封装），供全局调用。

project.config.json：项目配置文件，记录项目的基础配置（如项目名称、AppID、编译配置），由微信开发者工具自动生成和维护。

2.小程序的app.json配置中，pages、window、tabBar的作用分别是什么？

答案：

pages：用于指定小程序的所有页面路径，数组中的第一个路径是小程序的启动页（首页）。例如：[pages/index/index,pages/mine/mine]，表示小程序有两个页面，首页是index页面。新增页面时，必须在pages中添加路径，否则无法访问。

window：用于配置小程序的窗口样式，作用于所有页面（页面配置可覆盖）。常见配置项：navigationBarTitleText（导航栏标题）、navigationBarBackgroundColor（导航栏背景色）、navigationBarTextStyle（导航栏文字颜色，仅支持black/white）、backgroundColor（页面背景色）、enablePullDownRefresh（是否开启下拉刷新）等。

tabBar：用于配置小程序的底部（或顶部）tab导航，只有配置了tabBar的页面，才会显示tab导航。常见配置项：list（tab列表，至少2个，最多5个），每个list项包含pagePath（页面路径）、text（tab文字）、iconPath（未选中图标路径）、selectedIconPath（选中图标路径）；position（tab位置，可选bottom/top）、color（未选中文字颜色）、selectedColor（选中文字颜色）等。

三、组件与布局类

1.小程序的自定义组件如何创建和使用？父子组件之间如何通信？

答案：

一、自定义组件创建步骤：

在项目根目录新建components文件夹，在该文件夹下创建组件文件夹（如my-component）。

在组件文件夹内新建4个文件：my-component.js、my-