首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 性能优化

11.2 数据集组件使用原则

数据集组件的自动模式属性定义打开页面时数据集的行为。包括从后端加载数据、在前端页面上新增一条数据、以及什么都不干。3个属性值含义如下:

l  设置为空时,表示什么都不干

l  设置为自动新增,表示在前端页面上新增一条数据

l  设置为自动加载,表示从后端加载数据

设置为前两个属性值,不会对页面加载有影响,只有当设置为自动加载时,才会因加载数据过多、加载不必要的数据或重复加载数据,影响页面打开速度,解决办法是分页加载数据,按需加载数据,以及不重复加载数据。

 

1、分页加载数据

加载很多数据会导致网络请求变慢、数据绑定和界面渲染耗时,用户感到卡顿,体验差,反之加载少量数据,耗时短,用户不会感到卡顿,体验好。正确的做法是在一开始只加载少量数据,随着用户的浏览,加载后面的数据。这样分多次请求,每次请求少量数据,就是分页加载数据。

    在数据集组件的属性编辑对话框中可以设置分页数据大小,如图11-1所示,默认是20,即一次取20条记录。可以改为合适的值。

11-1  设置分页数据大小

 

2、按需加载数据

凡是用户打开页面时不需要马上看到的数据,在打开页面时不加载该数据。实现按需加载数据的做法是设置数据集组件的自动模式属性为空,这样在打开页面时,系统就不会自动加载数据。在需要加载数据时,通过调用数据集组件的刷新操作加载数据。

 

3、不重复加载数据

有一种比较常见的错误,就是在打开页面时重复加载数据。在设置数据集组件的自动模式属性为自动加载的同时,在页面组件的事件中、在用户组件的“微信用户信息准备完成”事件中、或者在自动加载的数据集的刷新后事件中,又调用数据集组件的刷新操作再次加载数据。这样就会导致两次加载数据,而其中第一次的数据加载完全是多余的。这种错误一定要避免。