微信小程序面试题及答案（实战版）.docxVIP

微信小程序面试题及答案（实战版）

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

问：微信小程序和普通H5的核心区别是什么？实际开发中要注意哪些适配问题？

答：核心区别在运行环境（小程序是微信内置的双线程渲染引擎，H5在浏览器）、API权限（小程序能调用微信支付、地理位置等原生能力，H5受限）、体积限制（主包2M内）。实际开发要注意：①样式不支持通配符*、body，需用page标签替代；②路由跳转有层级限制（最多10层），需避免深层嵌套；③本地存储wx.setStorage单个key最大1024KB，需拆分大数据。

问：小程序的目录结构中，app.json和page.json的作用分别是什么？举1个实际配置案例。

答：app.json是全局配置，管页面路径、窗口样式、tabBar、网络超时等；page.json是页面单独配置，优先级高于全局，可单独设置当前页面的导航栏标题、是否下拉刷新等。案例：全局app.json设置所有页面导航栏为蓝色，某详情页需红色，就在该页面的page.json中配置navigationBarBackgroundColor:#ff0000覆盖全局。

问：小程序的“双线程模型”指什么？为什么要这么设计？

答：双线程是逻辑层（JS线程）和视图层（WebView线程）分离。逻辑层负责业务逻辑（数据处理、接口请求），视图层负责页面渲染，通过微信原生桥接器通信。设计目的：①隔离风险，避免JS长时间运行阻塞页面渲染；②保障微信生态安全，限制逻辑层对原生API的直接访问。

问：wx:for循环渲染时，为什么要加wx:key？wx:key可以用哪些值？

答：加wx:key是为了提高列表渲染性能，让小程序准确识别列表项的唯一性，避免重复渲染或错乱。可用值：①数组中item的唯一属性（如id，需是字符串/数字）；②保留关键字*this（仅当item本身是唯一值时，如纯数字数组）。

问：小程序的本地存储有哪几种方式？它们的区别和使用场景是什么？

答：三种方式：wx.setStorageSync（同步）、wx.setStorage（异步）、wx.setStorageInfo（获取存储信息）。区别：同步方法会阻塞后续代码执行，异步不会；同步适合少量数据（如用户ID），异步适合大数据（如列表缓存）。场景：①同步：登录后存储token，需立即使用；②异步：缓存首页banner图数据，不影响页面加载。

二、生命周期题（共3题）

问：小程序的应用生命周期和页面生命周期有哪些关键函数？请说明它们的执行顺序（以打开新页面为例）。

答：应用生命周期（app.js）：onLaunch（初始化，全局只执行1次）→onShow（小程序显示）→onHide（小程序隐藏）；页面生命周期（page.js）：onLoad（页面加载，只执行1次）→onShow（页面显示）→onReady（页面渲染完成）→onHide（页面隐藏）→onUnload（页面卸载）。执行顺序：打开小程序时，app.onLaunch→app.onShow→页面onLoad→页面onShow→页面onReady；跳转新页面时，旧页面onHide→新页面onLoad→新页面onShow→新页面onReady。

问：onLoad和onShow的区别是什么？实际开发中，哪些逻辑适合放在onLoad，哪些适合放在onShow？

答：onLoad只在页面加载时执行1次，接收页面跳转的参数（options）；onShow每次页面显示时都会执行（如返回页面、小程序从后台切前台）。适合onLoad：①初始化页面数据（如根据options.id请求详情接口）；②绑定一次性事件。适合onShow：①刷新页面数据（如返回购物车后刷新商品数量）；②检查登录状态（如小程序切前台后验证token是否过期）。

问：小程序中，页面之间传递数据有哪些方式？请分别说明适用场景。

答：常见方式及场景：①路由传参（wx.navigateTo的url带参）：适合少量简单数据（如ID、名称），缺点是参数暴露在URL中，不能传对象；②本地存储：适合跨页面共享数据（如用户信息、全局配置），注意敏感数据需加密；③getCurrentPages()获取页面栈：适合相邻页面通信（如父页面给子页面传数据），需注意页面栈层级限制；④全局变量（app.js中定义）：适合全局共享的常量（如接口域名），不适合频繁修改的数据。

三、实战开发题（共4题）

问：小程序开发中，如何解决“数据更新了但页面没渲染”的问题？请举2个实际案例。

答：核心原因是数据未被小程序的响应式系统监测到。解决方法：①