[发明专利]信息显示方法、装置和电子设备

说明书

本发明提供了一种信息显示方法、装置和电子设备；其中，该方法包括：响应于页面滚动事件，从信息标识组中查询信息页面滚动后，信息显示区域中显示的第二信息集合中的信息标识；确定第二信息集合相对于第一信息集合的变化信息标识；基于变化信息标识，处理第一信息集合中信息的DOM对象，得到第二信息集合中信息的DOM对象；在信息显示区域显示第二信息集合。该方式通过设置信息标识组，可以查找出在页面滚动事件前后发生变化的信息标识，进而基于变化的信息标识对DOM对象进行操作，降低了页面滚动时对DOM对象的操作量，降低了应用软件的性能开销，使用户在浏览页面时，滚动页面时更加流畅，提高了页面滚动的顺延性。

技术领域

本发明涉及前端交互技术领域，尤其是涉及一种信息显示方法、装置和电子设备。

背景技术

随着互联网技术的发展，用户可以通过终端设备浏览各类信息页面。例如，通过APP(Application，应用程序)或浏览器等应用软件浏览购物产品、新闻资讯等。用户浏览信息页面时，可以滚动页面获取新的信息，滚动页面的操作可以触发终端设备从服务器加载新的信息数据；加载到新的信息数据之后，终端设备上的应用软件内部需要根据页面滚动的距离确定新的显示页面包含的信息数据，进而增加新的信息数据的DOM(DocumentObject Model，文档对象模型)对象，同时，也可以删除在滚动页面之前旧的显示页面上的信息数据的DOM对象。当用户执行的滚动页面操作较多时，需要反复多次执行新增DOM对象及删除DOM对象的操作，对应用软件产生了较大的性能开销，会影响应用软件的页面执行性能和渲染性能，导致用户在浏览页面时出现页面卡顿或抖动的现象，降低了用户的体验感。

发明内容

有鉴于此，本发明的目的在于提供一种信息显示方法、装置和电子设备，以降低页面滚动时对DOM对象的操作量，从而降低应用软件的性能开销，提高页面滚动的顺延性，提高用户的体验感。

第一方面，本发明实施例提供了一种信息显示方法，通过终端设备提供一图形用户界面，图形用户界面中包括信息显示区域；信息显示区域用于滚动显示信息页面；在初始状态下，信息显示区域中显示信息页面中的第一信息集合；方法包括：响应于页面滚动事件，从预设的信息标识组中查询信息页面滚动后，信息显示区域中显示的第二信息集合中的信息标识；其中，信息标识组中包括按照显示顺序排列的多个信息的信息标识；基于第二信息集合中的信息标识以及第一信息集合，确定第二信息集合相对于第一信息集合的变化信息标识；基于变化信息标识，处理第一信息集合中信息的DOM对象，得到第二信息集合中信息的DOM对象；基于第二信息集合中信息的DOM对象，在信息显示区域显示第二信息集合。

进一步地，上述响应于页面滚动事件，从预设的信息标识组中查询信息页面滚动后，信息显示区域中显示的第二信息集合中的信息标识的步骤，包括：响应于页面滚动事件，确定信息页面的页面滚动距离；基于页面滚动距离，以及信息页面中单行信息的行高，确定信息页面滚动后，信息显示区域中的信息变化量；在信息标识组中，从第一信息集合中的信息标识开始，基于信息变化量查询得到第二信息集合中的信息标识。

进一步地，上述信息标识组中预设有滑动窗口；在初始状态下，滑动窗口中包含的信息标识为第一信息集合中的信息标识；在信息标识组中，从第一信息集合中的信息标识开始，基于信息变化量查询得到第二信息集合中的信息标识的步骤，包括：在信息标识组中，从第一信息集合中的信息标识开始，控制预设的滑动窗口，沿着显示顺序移动信息变化量大小的信息标识，将滑动窗口移动后包含的信息标识，确定为第二信息集合中的信息标识。

进一步地，上述响应于页面滚动事件，从预设的信息标识组中查询信息页面滚动后，信息显示区域中显示的第二信息集合中的信息标识的步骤之后，上述方法还包括：如果第二信息集合中的信息标识中，包括信息标识组中指定位置上的信息标识，在信息标识组的尾部添加第一数量的信息标识；从服务器中加载第一数量的信息标识所对应的信息数据。