[发明专利]一种小程序页面渲染方法、装置、电子设备及存储介质

权利要求书

1.一种小程序页面渲染方法，所述方法包括：

响应于用户打开小程序页面的指令，分别加载所述小程序页面的逻辑代码和页面样式文件，得到所述小程序页面的逻辑代码的加载结果和所述小程页面的页面样式文件的加载结果；在所述小程序页面的逻辑代码的加载结果中提取用于渲染所述小程序页面的初始数据；基于所述小程序页面的页面样式文件的加载结果和所述用于渲染所述小程序页面的初始数据，对所述小程序页面进行首次绘制，得到所述小程序页面的首次绘制结果；

基于预先得到的小程序页面的首次绘制结果，对所述小程序页面进行原始增量渲染，得到所述小程序页面的原始增量渲染结果；

基于所述小程序页面的首次绘制结果、所述小程序页面的原始增量渲染结果以及预先得到的所述小程序页面的初始增量渲染结果，对所述小程序页面进行渲染。

2.根据权利要求1所述的方法，所述基于预先得到的小程序页面的首次绘制结果，对所述小程序页面进行原始增量渲染，得到所述小程序页面的原始增量渲染结果，包括：

基于预先得到的小程序页面的首次绘制结果，生成触发对所述小程序页面进行原始增量渲染的消息；基于所述触发对所述小程序页面进行原始增量渲染的消息，对所述小程序页面进行原始增量绘制渲染，得到所述小程序页面的原始增量渲染结果。

3.根据权利要求1所述的方法，在所述小程序页面的逻辑代码的加载结果中提取用于渲染所述小程序页面的初始数据之后，所述方法还包括：

生成触发对所述小程序页面进行初始增量渲染的消息；基于所述触发对所述小程序页面进行初始增量渲染的消息，对所述小程序页面进行初始增量绘制渲染，得到所述小程序页面的初始增量渲染结果。

4.根据权利要求3所述的方法，所述生成触发对所述小程序页面进行初始增量渲染的消息，包括：

在服务器中获取生成所述触发对所述小程序页面进行初始增量渲染的消息的数据；

基于所述触发对所述小程序页面进行初始增量渲染的消息的数据，生成所述触发对所述小程序页面进行初始增量渲染的消息。

5.根据权利要求3所述的方法，所述对所述小程序页面进行初始增量绘制渲染，得到所述小程序页面的初始增量渲染结果，包括：

若接收到所述触发对所述小程序页面进行初始增量渲染的消息时未得到所述小程序页面的首次绘制结果，则将所述触发对所述小程序页面进行初始增量渲染的消息发送至缓存队列中，基于所述缓存队列对所述小程序页面进行初始增量绘制渲染，得到所述小程序页面的初始增量渲染结果；

若接收到所述触发对所述小程序页面进行初始增量渲染的消息时已得到所述小程序页面的首次绘制结果，则直接基于所述触发对所述小程序页面进行初始增量渲染的消息对所述小程序页面进行初始增量绘制渲染，得到所述小程序页面的初始增量渲染结果。

6.一种小程序页面渲染装置，所述装置包括：首次绘制模块、增量绘制模块和渲染模块；其中，

所述首次绘制模块，用于响应于用户打开小程序页面的指令，分别加载所述小程序页面的逻辑代码和页面样式文件，得到所述小程序页面的逻辑代码的加载结果和所述小程页面的页面样式文件的加载结果；在所述小程序页面的逻辑代码的加载结果中提取用于渲染所述小程序页面的初始数据；基于所述小程序页面的页面样式文件的加载结果和所述用于渲染所述小程序页面的初始数据，对所述小程序页面进行首次绘制，得到所述小程序页面的首次绘制结果；

所述增量绘制模块，用于基于预先得到的小程序页面的首次绘制结果，对所述小程序页面进行原始增量渲染，得到所述小程序页面的原始增量渲染结果；

所述渲染模块，用于基于所述小程序页面的首次绘制结果、所述小程序页面的原始增量渲染结果以及预先得到的所述小程序页面的初始增量渲染结果，对所述小程序页面进行渲染。

7.根据权利要求6所述的装置，所述增量绘制模块，具体用于基于预先得到的小程序页面的首次绘制结果，生成触发对所述小程序页面进行原始增量渲染的消息；基于所述触发对所述小程序页面进行原始增量渲染的消息，对所述小程序页面进行原始增量绘制渲染，得到所述小程序页面的原始增量渲染结果。