小程序基础知识速览

一、定位与特点

1. 运行环境

小程序运行在宿主容器，不是标准浏览器环境。

2. API 体系

使用微信提供的 wx.* 能力，和 Web API 不完全等价。

3. 开发模式

强调页面配置、组件化、平台能力调用。

二、项目结构

1. 全局配置

app.json 管页面路由与窗口配置，project.config.json 管工程。

2. 页面文件

每页通常包含 wxml + wxss + js + json 四类文件。

3. sitemap

通过 sitemap.json 影响页面被索引策略。

三、与 Web 的差异

1. 模板层

wxml 标签体系和指令与 HTML/Vue 有对应但不完全一致。

2. 样式层

wxss 支持 rpx，并对选择器和能力有部分限制。

3. 逻辑层与渲染层

两层通过桥接通信，频繁大数据传输会影响性能。

四、性能与实践

1. 首屏优化

减少首屏数据体积，按需请求，避免大图阻塞。

2. setData 控制

合并更新、缩小更新范围，避免频繁全量刷新。

3. 组件复用

把高复用视图和逻辑下沉为组件，提高迭代效率。

30 秒口述模板

我会把「小程序」分成三层来讲：先讲核心概念和它解决的问题，再讲一个高频场景与实现思路，最后补充常见坑点和优化方向。这样既能回答基础问题，也能接住面试官追问。

2 分钟口述模板

如果展开讲，我会按“定义 -> 原理 -> 场景 -> 取舍”四步回答。先说明「小程序」解决的核心问题和边界；再讲 1 到 2 个关键机制，解释为什么这样设计；然后结合一个真实业务场景说明如何落地；最后补充常见坑点、性能或稳定性优化，以及与相近方案的取舍标准。

这样回答的好处是：既有原理深度，也有工程落地感，面试官继续追问到实现细节时也能自然展开。