一、小程序基础高频面试题
小程序与H5的主要区别是什么？
小程序运行在宿主环境（如微信）中，拥有原生能力（如获取用户信息、地理位置、蓝牙等），而H5运行在浏览器中，受限于沙箱安全策略。小程序采用双线程模型（逻辑层与视图层分离），而H5是单线程。小程序启动速度更快，体验更接近原生App，且具备离线缓存能力。H5则具有更好的跨平台通用性，但性能受限于WebView。
请解释小程序的双线程模型。
小程序将代码运行在两个独立的线程中：逻辑层（App Service）运行在JSCore中，负责数据请求、事件处理等逻辑运算；视图层（View）运行在WebView中，负责页面渲染和UI交互。两者通过Native层进行通信，数据通过JSON序列化传输，事件通过Native层转发。这种隔离机制提高了安全性，但也带来了通信性能瓶颈，需避免频繁的数据传递。
小程序的生命周期有哪些？
小程序生命周期分为应用级和页面级。应用级包括：onLaunch（全局初始化，只执行一次）、onShow（前台显示）、onHide（后台隐藏）。页面级包括：onLoad（页面加载，可接收参数）、onShow（页面显示）、onReady（页面初次渲染完成）、onHide（页面隐藏）、onUnload（页面卸载）。理解这些生命周期对于处理数据初始化和资源清理至关重要。
WXML中的数据绑定方式有哪些？
WXML数据绑定主要采用Mustache语法（双大括号）。包括：字符串绑定（如{{message}}）、运算绑定（如{{a + b}}）、三元运算（如{{condition ? 'yes' : 'no'}}）、数据路径（如{{object.name}}）、渲染控制（如wx:if）以及列表渲染（如wx:for）。此外，还支持属性绑定（如{{id}}）和事件绑定（如bindtap）。注意避免在模板中进行复杂逻辑运算，以保证渲染性能。
二、进阶架构与设计模式面试题
小程序组件化开发的核心优势与实现机制
组件化是小程序开发的核心范式。其核心优势在于代码复用、逻辑解耦和维护性提升。实现机制上，小程序组件拥有独立的作用域，通过properties接收外部数据，通过triggerEvent向外抛出事件。组件支持自定义样式隔离（usingComponents），避免样式冲突。在实际开发中，建议将页面拆分为通用组件（如导航栏、列表项）和业务组件，形成清晰的层级结构。对于复杂页面，可采用容器组件与展示组件分离的设计模式，提升代码可读性。
// 组件定义示例
Component({
properties: {
title: {
type: String,
value: '默认标题'
}
},
methods: {
handleTap() {
this.triggerEvent('myevent', { value: 1 })
}
}
})
小程序状态管理方案对比
由于小程序没有全局变量（除了App实例），状态管理成为难点。常见方案包括：App.globalData（简单场景，易造成耦合）、Mixin模式（代码复用，但逻辑分散）、Redux-like库（如miniprogram-redux）（严格单向数据流，适合大型项目）、MobX（响应式数据流，开发体验好）。对于中小型项目，推荐使用简单的Provider模式或Context API；对于大型复杂应用，建议引入Redux或MobX进行集中式状态管理，确保数据流向可预测。
小程序生态与构建工具链
现代小程序开发依赖于完善的工具链。主流方案包括：Taro（React/Vue语法编写，多端编译）、Uni-app（Vue语法，跨平台能力强）、WePY（类Vue语法，性能优化好）。这些框架支持组件化、模块化、ES6+语法，并提供H5和小程序双端编译能力。构建工具如Webpack、Rollup用于打包优化，CI/CD流程自动化部署。选择合适的框架需考虑团队技术栈、项目规模及多端发布需求。
三、性能优化与实战面试题
| 优化维度 | 常见问题 | 解决方案 | 预期收益 |
|---|---|---|---|
| 首屏加载 | 包体积过大，启动慢 | 分包加载、代码压缩、图片优化、预加载策略 | 启动速度提升30%-50% |
| 渲染性能 | 列表滚动卡顿，页面掉帧 | 虚拟列表、减少setData频率、使用wx:key、避免样式重排 | 滚动帧率稳定60fps |
| 网络请求 | 请求过多，带宽浪费 | 接口合并、缓存策略、CDN加速、按需加载 | 请求次数减少50% |
| 内存管理 | 页面切换后内存泄漏 | 及时清理定时器、取消订阅、释放图片资源 | 内存占用降低20% |
性能优化实战案例：长列表渲染优化
在处理万级数据列表时，直接使用wx:for会导致严重的性能问题。优化方案包括：虚拟滚动（仅渲染可视区域DOM）、分页加载（按需获取数据）、数据去重（避免重复渲染）。例如，使用recycle-list组件或自定义虚拟列表实现，可显著提升滚动流畅度。同时，避免在setData中传递大量无关数据，仅更新变化部分，减少JSON序列化开销。
五、面试准备时间轴与常见问题
重点回顾WXML、WXSS、JS基础，深入理解小程序双线程模型及生命周期钩子函数触发时机。整理常见API使用场景，如网络请求、本地存储、地图组件等。
准备1-2个核心项目案例，使用STAR法则（情境、任务、行动、结果）描述。重点突出性能优化、复杂交互实现、团队协作等亮点。预测面试官可能追问的技术细节。
进行模拟面试，练习表达逻辑。检查技术博客、GitHub项目等展示材料。保持充足睡眠，调整心态，自信应对。
FAQ：网友常问的10个问题
1. 零基础能学小程序开发吗？
可以。但建议先掌握HTML/CSS/JS基础。小程序语法与Web前端相似，上手较快。推荐从官方文档入手，完成简单Demo后再深入学习。
2. 小程序开发需要什么配置？
需安装微信开发者工具，注册小程序账号，配置AppID。开发环境需Node.js，建议使用VS Code或WebStorm等编辑器，配合ESLint等插件提升开发体验。
3. 小程序适合做什么类型的项目？
适合轻量级、高频次、社交属性强的应用，如电商、内容资讯、工具类、游戏等。不适合大型复杂游戏或高性能计算场景。
4. 小程序与原生App如何选择？
根据需求权衡。小程序开发快、成本低、易传播，适合MVP验证和轻量服务；原生App性能强、体验好、功能全，适合核心业务和复杂交互。可考虑混合开发模式。
5. 如何提升小程序SEO？
小程序SEO主要依赖微信搜一搜。优化关键词、完善页面标题与描述、增加外部链接导入、提升用户停留时长与互动率，有助于提高搜索排名。
6. 小程序分包大小限制是多少？
主包不超过2MB，总包不超过20MB。超出限制需进行分包加载或代码包压缩。建议将非核心页面放入分包，优化主包体积。
7. 如何实现小程序埋点？
可通过自定义组件封装埋点逻辑，或在页面生命周期中调用统计SDK。记录用户行为事件（点击、浏览、转化），上传至数据分析平台，指导产品优化。
8. 小程序如何接入第三方登录？
支持微信一键登录、手机号一键登录等。需配置第三方应用信息，调用相应API获取用户授权。注意隐私合规，明示授权目的。
9. 小程序如何优化图片加载？
使用webp格式、压缩图片大小、启用懒加载（lazy-load）、CDN加速、设置合理的宽高属性避免布局抖动。大图可考虑缩略图+点击放大方案。
10. 面试中如何回答“你最大的缺点”？
避免说致命缺点。可选择“有时过于追求细节导致进度稍慢”，并说明已通过学习时间管理工具改进。体现自我认知与成长意愿。