小程序面试题及参考答案.docxVIP

小程序面试题及参考答案

一、基础概念题（共5题）

题目：小程序和普通H5的核心区别是什么？实际开发中你会怎么选择？

答案：核心区别集中在3点：①运行环境：小程序运行在微信内置的独立渲染引擎（并非浏览器），H5运行在浏览器中；②权限与能力：小程序能调用微信原生能力（如支付、摄像头、地理位置），H5受浏览器安全限制，很多原生能力无法使用；③性能与加载：小程序有分包加载、本地缓存优化，首屏加载比H5更快，且离线可访问部分资源。

选择逻辑：如果需要依赖微信生态（如社交分享、微信支付）、追求更好的性能和原生交互体验，选小程序；如果需要跨平台（支持非微信浏览器访问）、快速迭代且无需深度调用原生能力，选H5。

题目：小程序的目录结构中，app.json的核心作用是什么？至少列出3个关键配置项及用途。

答案：app.json是小程序的全局配置文件，用于指定小程序的页面路径、全局样式、窗口表现等，决定小程序的整体结构和运行规则。

关键配置项：①pages：指定小程序所有页面的路径，数组第一项为首页；②window：配置小程序窗口样式（如导航栏标题、背景色、导航栏文字颜色）；③tabBar：配置底部/顶部tab导航，包括tab对应的页面、图标、文字；④subpackages：配置分包加载，将页面按功能拆分，优化首屏加载速度；⑤permission：配置小程序需要申请的权限（如地理位置、相机）。

题目：小程序中的wxs是什么？它和JavaScript有什么区别？使用场景是什么？

答案：wxs（WeiXinScript）是小程序的一套脚本语言，专门用于在WXML中进行数据处理，不能在JS文件中调用。

与JS的区别：①运行环境：wxs运行在小程序的渲染层，JS运行在逻辑层，两者通信需通过数据绑定；②语法差异：wxs不支持ES6+语法（如箭头函数、let/const、Promise），仅支持ES5及部分扩展语法；③作用域：wxs有独立作用域，不能调用JS定义的函数，也不能调用小程序API。

使用场景：在WXML中直接处理数据（如格式化日期、过滤数组、字符串拼接），避免在JS中处理后再传递，提升渲染效率（例：列表渲染时格式化时间戳）。

题目：小程序的本地存储有哪几种方式？各自的特点和使用场景是什么？

答案：主要有3种方式：

①wx.setStorageSync/wx.getStorageSync（同步存储）：特点是同步执行，代码简洁，阻塞后续操作；场景：存储少量关键数据（如用户token、登录状态），需即时获取结果的场景（例：登录后立即存储token，后续请求直接读取）。

②wx.setStorage/wx.getStorage（异步存储）：特点是异步执行，不阻塞代码，支持回调或Promise；场景：存储大量数据（如缓存列表数据、用户历史记录），避免同步存储导致的界面卡顿。

③wx.setStorageInfo/wx.getStorageInfo：用于获取存储容量、已用空间等信息，场景：需判断存储是否已满，避免存储失败（例：缓存大文件前先检查剩余空间）。

注意：本地存储上限约10MB，且数据仅存储在当前设备，跨设备不共享。

题目：小程序的“分包加载”是什么？为什么要使用？如何配置？

答案：分包加载是将小程序的代码按功能拆分成多个包（主包+分包），小程序启动时仅加载主包（包含首页和公共资源），分包在用户访问对应页面时才下载，从而减小主包体积，提升首屏加载速度。

使用原因：①小程序主包体积限制（默认2MB），超过会导致无法上传发布；②首屏无需加载所有页面资源，减少启动时间，提升用户体验。

配置方式：在app.json中添加subpackages数组，每个分包配置root（分包根目录）、pages（分包下的页面路径），例：

subpackages:[

{

root:packageA,

pages:[pages/index,pages/detail]

}

]

注意：主包和分包之间可共享公共资源（如组件、图片），分包之间不能直接引用资源，需通过主包中转。

二、生命周期与组件题（共4题）

题目：小程序的页面生命周期有哪些？请按执行顺序排列，并说明每个生命周期的核心作用。

答案：页面生命周期（执行顺序）：

①onLoad：页面加载时触发（仅触发1次），接收页面跳转传递的参数（options），核心作用：初始化数据、调用接口请求页面数据（例：根据id请求详情数据）。

②onShow：页面显示/切入前台时触发（每次显示都会触发），核心作用：刷新页面数据（例：从其他页