导航栏条目对应展示内容的页面渲染方法技术

本发明专利技术公开了一种导航栏条目对应展示内容的页面渲染方法、系统、设备以及计算机可读介质。方法包括：接收用户端发起的访问任一条目的第一请求；响应于第一请求，获取第一请求所对应的条目的序号为第一编号；在本地json文件中查找第一编号对应的数据，生成第一html文件；解析第一html文件，渲染出条目对应展示内容的可视化页面。通过改变遍历每一条目对应数据的方式，直接查找、解析、渲染目标的展示内容，用户能够立刻看到本条目的可视化页面，用户不会感觉延迟，也不会感觉到抖动。也不会感觉到抖动。也不会感觉到抖动。

【技术实现步骤摘要】
导航栏条目对应展示内容的页面渲染方法


[0001]本专利技术涉及页面渲染
，特别涉及一种导航栏条目对应展示内容的页面渲染方法。

技术介绍

[0002]页面渲染是指浏览器将html文件解析成人眼看到的页面图像的全过程。很多网页在浏览的时候会有导航栏，导航栏以菜单的形式展示出多个条目名称，当用户想要查询条目的具体内容时，点击条目，页面会在展示处渲染出该条目对应的具体展示内容。在同一层级的导航栏中，每个条目对应展示的样式通常相同，而具体内容动态生产。当点击其中一条条目，查看具体内容后，可以通过鼠标滚轮向前或者向后滚动，去查看本条目上面条目或下面条目的内容。渲染出导航栏条目对应的具体展示内容，目前主要有两种方案：第一种是从上到下遍历每个条目，获取需要展示具体内容的html页面代码，当所有条目都生成完成后，一次性展示到页面中，当条目数量比较庞大时，比如200
‑
300个，此时页面会出现明显的卡顿现象，可能要等3s以上，条目的具体内容才会显示，用户体验差；第二种方案是从上到下遍历每个条目，逐一获取每一条目具体内容的html代码，每当本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种导航栏条目对应展示内容的页面渲染方法，所述导航栏中的每个条目分别具有唯一序号，每个条目的展示内容所对应的数据在本地json文件中具有相同序号，其特征在于，包含如下步骤：接收用户端发起的访问任一所述条目的第一请求；响应于所述第一请求，获取第一请求所对应的所述条目的序号为第一编号；在本地json文件中查找所述第一编号对应的数据，生成第一html文件；解析所述第一html文件，渲染出所述条目对应展示内容的可视化页面；遍历第一序号之前的所有序号，获取若干第二编号，在本地json文件中遍历所述若干第二编号对应的数据，生成第二html文件；遍历第一序号之后的所有序号，获取若干第三编号，在本地json文件中遍历所述若干第三编号对应的数据，生成第三html文件。2.如权利要求1所述的导航栏条目对应展示内容的页面渲染方法，其特征在于，在本地json文件中查找所述第一编号对应的数据，生成第一html文件包含如下子步骤：查找并取出所述第一编号对应的数据；处理所述第一编号对应的数据，生成对应html代码。3.如权利要求1所述的导航栏条目对应展示内容的页面渲染方法，其特征在于，所述解析所述第一html文件，渲染出所述条目对应展示内容的可视化页面包含如下子步骤：将所述第一html文件插入所述页面展示内容的位置；布局和绘制所述可视化页面。4.如权利要求1所述的导航栏条目对应展示内容的页面渲染方法，其特征在于，还包含如下子步骤：接收用户端发起的访问前一条目的第二请求或后一条目的第三请求；响应于所述第二或者第三...

【专利技术属性】
技术研发人员：宋蓓蓓，陈清华，
申请(专利权)人：杭州云合智网技术有限公司，
类型：发明
国别省市：