页面渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109857971A(43)申请公布日2019.06.07(21)申请号201910104924.9(22)申请日2019.02.01(71)申请人天津字节跳动科技有限公司地址300000天津市滨海高新区滨海科技园高新六路39号9-3-401(72)发明人熊瑾(74)专利代理机构北京清亦华知识产权代理事务所(普通合伙)11201代理人张润(51)Int.Cl.G06F16/958(2019.01)权利要求书2页说明书10页附图5页(54)发明名称页面渲染方法和装置(57)摘要本公开提出一种页面渲染方法和装置，其中，方法包括：对目标页面的对应的样式文件进行解析处理，以确定目标页面中包含的各全局页面元素；遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值；对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值；根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染。该方法实现了每次加载页面时，通过解析公共样式文件和页面对应的脚本文件，渲染页面，减少了渲染时间，提高了页面加载速度。CN109857971ACN109857971A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：对目标页面的对应的样式文件进行解析处理，以确定所述目标页面中包含的各全局页面元素；遍历所述目标页面所属的项目中的公共样式文件，以获取所述各全局页面元素的值；对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值；根据所述各全局页面元素的值及所述各局部页面元素的值，对所述目标页面进行渲染。2.如权利要求1所述的方法，其特征在于，所述对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值，包括：对所述目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素对应的动态参数；根据每个局部页面元素对应的动态参数当前的取值，确定所述每个局部页面元素的值。3.如权利要求2所述的方法，其特征在于，所述获取每个局部页面元素对应的动态参数之后，还包括：遍历所述目标页面所属的项目中的各页面标签，以获取所述动态参数当前的取值。4.如权利要求1所述的方法，其特征在于，所述对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值，包括：对所述目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素的类名属性及对应的值；根据每个局部页面元素的类名属性，确定所述每个局部页面元素所属的页面模块；所述对所述目标页面进行渲染，包括：根据每个局部页面元素对应的值，对每个局部页面元素所属的页面模块进行渲染。5.如权利要求1-4任一所述的方法，其特征在于，所述对目标页面的对应的样式文件进行解析处理之前，还包括：获取页面加载请求，所述加载请求中包括所述目标页面的标识；根据所述目标页面的标识，获取并加载所述目标页面所属的项目中的公共样式文件、所述目标页面对应的样式文件及所述目标页面对应的脚本文件。6.如权利要求5所述的方法，其特征在于，所述目标页面所属的项目为单页面类应用；所述获取页面加载请求之后，还包括：获取并加载所述目标页面所属的项目中的其它样式文件。7.一种页面渲染装置，其特征在于，包括：解析模块，用于对目标页面的对应的样式文件进行解析处理，以确定所述目标页面中包含的各全局页面元素；第一获取模块，用于遍历所述目标页面所属的项目中的公共样式文件，以获取所述各全局页面元素的值；第二获取模块，用于对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值；2CN109857971A权利要求书2/2页渲染模块，用于根据所述各全局页面元素的值及所述各局部页面元素的值，对所述目标页面进行渲染。8.如权利要求7所述的装置，其特征在于，所述第二获取模块，包括：第一获取单元，用于对所述目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素对应的动态参数；确定单元，用于根据每个局部页面元素对应的动态参数当前的取值，确定所述每个局部页面元素的值。9.一种电子设备，其特征在于，包括处理器和存储器；其中，所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序，以用于实现如权利要求1-6中任一所述的页面渲染方法。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一所述的页面渲染方法。3CN109857971A说明书1/10页页面渲染方法和装置技术领域[0001]本公开涉及计算机技术领域，尤其涉及一种页面渲染方法和装置。背景技术[0002]目前页面渲染时，通常是直接加载页面所属的项目对