[发明专利]页面组件处理方法及装置

说明书

本发明实施例的方面涉及页面组件处理方法及装置。页面组件处理方法应用于客户端，所述方法包括：获取并存储异步加载组件实例；轮询所述异步加载组件实例，并根据所述轮询，加载所述异步加载组件实例。通过本发明实施例，当页面异步加载组件时，可避免异步加载组件时页面抖动的情况。

技术领域

本发明实施例涉及互联网技术领域，特别地是涉及页面组件处理方法及装置。

背景技术

随着互联网的快速发展，网页更新迭代速度越来越快，页面元素越来个性化、特色化。

目前，针对网页的开发主要方式为：工程师根据网页用途开发大量的页面模板，以及根据页面功能或者主题开发大量的组件样式，当选定一款页面模板，以及在模板中添加了需要的组件，就生成了一个个性化的网页页面。

当客户端加载组件时，为实现用户更快捷，更自然的浏览体验，很多大型网站多使用Ajax(Asynchronous JavaScript and XML，异步JavaScript和XML)异步加载技术加载页面中的组件。

借助异步加载技术，可以在网页上进行操作时，使用JavaScript脚本语言立即更新页面，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS(Cascading StyleSheet，可译为“层叠样式表”或“级联样式表”)来相应地更新页面，而不是刷新整个页面，实现了页面快速响应。

然而，异步加载方式也有缺点，不同组件的加载速度，由服务器的响应时间决定，先接收到响应而返回的组件会首先呈现在页面上，当该组件前面顺序的组件之后完成加载，并呈现在页面上时，在视觉上会出现抖动现象，影响用户体验。

发明内容

本发明实施例提供的页面组件处理方法及装置，可获取并存储异步加载组件实例，并对获取的异步加载组件实例采取轮询机制，通过对异步加载组件实例的轮询，可流畅的加载组件实例，提升用户体验。

本发明实施例的一个方面提供了页面组件处理方法，该方法应用于客户端，所述方法包括：获取并存储异步加载组件实例；轮询所述异步加载组件实例，并根据所述轮询，加载所述异步加载组件实例。

一种可能的实施例中，所述获取并存储异步加载组件实例之前，所述方法还包括：确定异步加载的组件实例，以及确定异步加载的组件实例的顺序。

另一种可能的实施例中，所述确定异步加载的组件实例，所述方法包括：确定异步加载的组件实例预设的属性标签；以及根据所述异步加载的组件实例预设的属性标签，渲染所述异步加载的组件实例属性标签为空标签。

又一种可能的实施例中，所述确定需要异步加载组件的顺序包括：遍历页面中需要异步加载组件实例的顺序；以及根据所述页面中异步下载组件实例的顺序，存储所述页面中异步下载组件实例的顺序到内存中。

一种可能的实施例中，所述轮询所述服务器端返回的所述异步加载组件顺序，包括：按照所述确定异步加载的组件实例顺序，依次判断组件实例是否加载完成；加载未完成，等待下次轮询；以及加载完成，将所述加载完成的所述组件实例从内存中取出，插入到对应空标签中。

另一种可能的实施例中，将所述加载完成的所述组件实例从内存中取出，插入到对应空标签中之后，所述方法还包括：从所述组件实例顺序中移除所述加载完成的所述组件实例。

本发明实施例的另一个方面提供了页面组件处理装置，所述装置应用于客户端，所述装置包括：确定单元，用于获取并存储异步加载组件实例；轮询单元，用于轮询所述异步加载组件实例，并加载单元，用于根据所述轮询，加载所述异步加载组件实例。

一种可能的实施例中，其中，所述确定单元还用于：所述获取并存储异步加载组件实例之前，确定异步加载的组件实例，以及确定异步加载的组件实例的顺序。