数据加载方法、装置及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112765505A(43)申请公布日2021.05.07(21)申请号202110088321.1(22)申请日2021.01.21(71)申请人青岛以萨数据技术有限公司地址266000山东省青岛市黄岛区峨眉山路396号光谷软件园3号楼三层申请人安徽以萨数据技术有限公司北京以萨智能技术有限公司(72)发明人何欢王堃孙亚妮(74)专利代理机构北京酷爱智慧知识产权代理有限公司11514代理人钟继莲(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书6页附图2页(54)发明名称数据加载方法、装置及存储介质(57)摘要本发明实施例公开了一种数据加载方法、装置及存储介质。方法包括：当用户访问页面时，获取待加载图片的真实路径；将真实路径替换为指定路径；当待加载图片的图片元素出现在浏览器的可视区域内时，向数据库发起请求，并接收数据库根据所述请求得到的请求结果；根据真实路径，将请求结果渲染至可视区域内。实施本发明实施例，将真实路径替换为指定路径，只有当待加载图片的图片元素出现在浏览器的可视区域内时，才向数据库发起请求，并将数据库返回的请求结果渲染至可视区域；在上述方法中，只需要发起一次请求，从而减轻了服务器压力，可以让加载好的页面更快地呈现在用户面前，有效解决了现有技术中的页面卡顿问题，提升了用户体验。CN112765505ACN112765505A权利要求书1/2页1.一种数据加载方法，其特征在于，包括：当用户访问页面时，获取待加载图片的真实路径；所述页面包括网页页面或APP页面；将所述真实路径替换为指定路径；当所述待加载图片的图片元素出现在浏览器的可视区域内时，向数据库发起请求，并接收所述数据库根据所述请求得到的请求结果；根据所述真实路径，将所述请求结果渲染至所述可视区域内，以完成所述待加载图片的加载显示。2.如权利要求1所述的数据加载方法，其特征在于，将所述真实路径替换为指定路径之后，所述方法还包括：获取实际页面的大小、可视区域的大小、图片元素的尺寸及图片元素在所述实际页面上的实际位置；根据所述实际页面的大小、可视区域的大小、图片元素的尺寸及图片元素在所述实际页面上的实际位置，确定所述待加载图片的图片元素是否出现在浏览器的可视区域内。3.如权利要求2所述的数据加载方法，其特征在于，所述方法具体包括：若垂直方向包括元素1～4，水平方向包括元素5～8；在元素1的位置处，元素1上边界与实际页面下边界的偏移距离小于可视区域下边界与实际页面下边界的距离，判断元素1在可视区域外；在元素2的位置处，元素2上边界与实际页面下边界的偏移距离大于可视区域下边界与实际页面下边界的距离，判断元素2在可视区域内；在元素3的位置处，元素3下边界与实际页面上边界的偏移距离大于可视区域上边界与实际页面上边界的距离，判断元素3在可视区域内；在元素4的位置处，元素4下边界与实际页面上边界的偏移距离小于可视区域上边界与实际页面上边界的距离，判断元素4在可视区域外；在元素5的位置处，元素5右边界与实际页面左边界的偏移距离小于可视区域左边界与实际页面左边界的距离，判断元素5在可视区域外；在元素6的位置处，元素6右边界与实际页面左边界的偏移距离大于可视区域左边界与实际页面左边界的距离，判断元素6在可视区域内；在元素7的位置处，元素7左边界与实际页面左边界的偏移距离大于可视区域左边界与实际页面左边界的距离，判断元素7在可视区域内；在元素8的位置处，元素8左边界与实际页面左边界的偏移距离大于可视区域右边界与实际页面左边界的距离，判断元素8在可视区域外。4.一种数据加载装置，其特征在于，包括：获取单元，用于当用户访问页面时，获取待加载图片的真实路径；所述页面包括网页页面或APP页面；替换单元，用于将所述真实路径替换为指定路径；请求单元，用于当所述待加载图片的图片元素出现在浏览器的可视区域内时，向数据库发起请求，并接收所述数据库根据所述请求得到的请求结果；渲染单元，用于根据所述真实路径，将所述请求结果渲染至所述可视区域内，以完成所述待加载图片的加载显示。2CN112765505A权利要求书2/2页5.如权利要求4所述的数据加载装置，其特征在于，所述数据加载装置还包括判断单元，用于：获取实际页面的大小、可视区域的大小、图片元素的尺寸及图片元素在所述实际页面上的实际位置；根据所述实际页面的大小、可视区域的大小、图片元素的尺寸及图片元素在所述实际页面上的实际位置，确定所述待加载图片的图片元素是否出现在浏览器的可视区域内。6.如权利要求5所述的数据加载装置，其特征在于，所述判断单元具体用于：若垂直方向包括元素1～4，水平方向包括元素5～8；在元素1的位