页面展示方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112784187A(43)申请公布日2021.05.11(21)申请号201911082157.2(22)申请日2019.11.07(71)申请人北京沃东天骏信息技术有限公司地址100176北京市北京经济技术开发区科创十一街18号院2号楼4层A402室(72)发明人于弘达(74)专利代理机构中原信达知识产权代理有限责任公司11219代理人张效荣冯培培(51)Int.Cl.G06F16/957(2019.01)G06F3/0485(2013.01)G06F3/0481(2013.01)权利要求书2页说明书11页附图6页(54)发明名称页面展示方法和装置(57)摘要本发明公开了一种页面展示方法和装置，涉及计算机技术领域。其中，该方法包括：在监听到针对终端屏幕的滚动事件后，获取所述终端屏幕上当前展示的可视化组件的标识；根据所述终端屏幕上当前展示的可视化组件的标识确定待展示的下一组可视化组件所在的分组；对所述分组下的可视化组件进行展示，并将已展示的其他分组下的可视化组件从浏览器内存中移除。通过以上步骤，能够提高页面展示的流畅度，降低页面展示对浏览器性能的影响，提高用户体验。CN112784187ACN112784187A权利要求书1/2页1.一种页面展示方法，其特征在于，所述方法包括：在监听到针对终端屏幕的滚动事件后，获取所述终端屏幕上当前展示的可视化组件的标识；根据所述终端屏幕上当前展示的可视化组件的标识确定待展示的下一组可视化组件所在的分组；对所述分组下的可视化组件进行展示，并将已展示的其他分组下的可视化组件从浏览器内存中移除。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：在页面首次加载时，基于多次异步请求方式从服务端获取页面数据，并根据所述页面数据构建多组可视化组件。3.根据权利要求2所述的方法，其特征在于，所述基于多次异步请求方式从服务端获取页面数据，并根据所述页面数据构建多组可视化组件的步骤包括：根据页面上需要展示的可视化组件的业务类型总数确定异步请求的总次数，并每次向服务端请求一个业务类型下的可视化组件渲染所需的页面数据；将从服务端获取的页面数据传入对应类型的可视化组件中，并为所述可视化组件设置标识，然后将可视化组件划分至多个分组中。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：在执行所述从服务端获取的页面数据传入对应类型的可视化组件中的步骤之前，按照预设的可视化组件在页面上的布局顺序对从服务端获取的页面数据进行排序。5.根据权利要求1所述的方法，其特征在于，所述方法基于React中的自定义hooks组件实现。6.一种页面展示装置，其特征在于，所述装置包括：获取模块，用于在监听到针对终端屏幕的滚动事件后，获取所述终端屏幕上当前展示的可视化组件的标识；确定模块，用于根据所述终端屏幕上当前展示的可视化组件的标识确定待展示的下一组可视化组件所在的分组；展示模块，用于对所述分组下的可视化组件进行展示，并将已展示的其他分组下的可视化组件从浏览器内存中移除。7.根据权利要求6所述的装置，其特征在于，所述装置还包括：构建模块，用于在页面首次加载时，基于多次异步请求方式从服务端获取页面数据，并根据所述页面数据构建多组可视化组件。8.根据权利要求7所述的装置，其特征在于，所述构建模块基于多次异步请求方式从服务端获取页面数据，并根据所述页面数据构建多组可视化组件包括：所述构建模块根据页面上需要展示的可视化组件的业务类型总数确定异步请求的总次数，并每次向服务端请求一个业务类型下的可视化组件渲染所需的页面数据；所述构建模块将从服务端获取的页面数据传入对应类型的可视化组件中，并为所述可视化组件设置标识，然后将可视化组件划分至多个分组中。9.一种电子设备，其特征在于，包括：一个或多个处理器；2CN112784187A权利要求书2/2页存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1至5中任一所述的方法。10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至5中任一所述的方法。3CN112784187A说明书1/11页页面展示方法和装置技术领域[0001]本发明涉及计算机技术领域，尤其涉及一种页面展示方法和装置。背景技术[0002]目前，在基于浏览器进行页面展示时，通常是将页面上的所有可视化组件(比如echarts图表)进行一次性展示。[0003]在实现本发明过程中，发明人发现现有技术中至少存在如下问题：可视化组件可使用HTML5Canvas技术进行绘制、渲染，这种技术的缺点是会消耗大量CPU资源。在页面上的可视化组件较多时，一次性