小程序面试题

Mon, 01 Jan 0001 00:00:00 +0000

共 15 道小程序面试题。答案默认折叠，便于先自行作答。

1. 小程序可以做哪些性能优化？

难度：2 · 类型：QA

小程序性能优化围绕逻辑层与视图层分离架构展开，重点是减少 setData 频率与数据体积，控制列表节点数量，优化首包体积与启动链路，并通过分包加载、WXS 与懒加载等手段降低渲染压力。核心原则是减少跨线程通信与避免无意义重渲染，从架构层面解决性能瓶颈。

参考答案

小程序的性能优化，不能只从“前端渲染”角度看。它的运行模型和 Web 不同，存在 逻辑层（JSCore）与视图层（WebView）分离 的架构特征，核心瓶颈往往出在：

优化必须围绕这些机制展开。

以微信小程序为例：

每一次 setData：

所以小程序性能优化的第一原则是：

减少跨线程通信的数据量与次数。

错误方式：

this.setData({
 form: newFormObject
})

如果 form 很大，每次都会整体传输。

正确方式：

this.setData({
 "form.username": value
})

使用路径更新，最小化数据传输。

多次调用：

this.setData({ a: 1 })
this.setData({ b: 2 })

会触发多次通信。