小程序使用renderjs

小程序中的 RenderJS 是一种用于提升页面渲染性能的技术。它允许开发者在服务器端生成一部分 HTML 模板，并通过 JSON 数据动态填充这部分内容，然后将处理后的结果发送到客户端。这样做可以减少网络传输的数据量，提高初次加载速度，特别适用于数据复杂度高、列表渲染频繁的场景。

使用 RenderJS 的步骤大致如下：

1. 定义模板：在服务端编写 HTML 模板，使用特殊的语法（如 WXML 和 WXSS）包裹需要在运行时动态替换的部分。

<template name="list">
  <view wx:for="{{items}}">
    <text>{{item.title}}</text>
  </view>
</template>

2. 发送数据：在后端获取数据后，结合模板生成完整的 HTML，并将其作为 data 字段打包成 JSON 发送给客户端。

3. 渲染：在小程序的 JavaScript 中，使用 `wx.createSelectorQuery` 获取对应的节点，然后用 `selectComponent` 方法选择对应的模板节点并渲染 JSON 数据。

Page({
  onLoad: function() {
    const query = wx.createSelectorQuery()
    query.select('#list-container').component(byId('list')).data('data', yourData)
    query.exec((res) => {
      res[0].refreshRender()
    })
  }
})