[发明专利]一种页面渲染方法、装置及终端有效
申请号: | 201810613834.8 | 申请日: | 2018-06-14 |
公开(公告)号: | CN109101300B | 公开(公告)日: | 2020-06-02 |
发明(设计)人: | 林伟勋;冯绪 | 申请(专利权)人: | 腾讯科技(深圳)有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F16/958;G06F8/38 |
代理公司: | 广州三环专利商标代理有限公司 44202 | 代理人: | 贾允;肖丁 |
地址: | 518057 广东省深圳*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 渲染 方法 装置 终端 | ||
本发明提供了一种页面渲染方法、装置及终端,所述方法包括获取模板文件和目标数据填充文件,所述模板文件用于描述网页布局,所述目标数据填充文件用于描述在所述网页布局下的待显示的网页内容;根据所述模板文件和目标数据填充文件生成页面描述文件;基于所述页面描述文件渲染页面。本发明通过使用模板文件和目标数据填充文件描述页面元素,从而完成产品页面的在线热更新,满足了动态性的要求。通过自定义页面布局,再使用多进程渲染页面元素,脱离了现有技术中渲染只能够均集中在主线程的限制,提升了渲染效率。通过建立复用池,实现界面元素的回收和复用,从而进一步提升渲染速度。
技术领域
本发明涉及计算机领域,尤其涉及一种页面渲染方法、装置及终端。
背景技术
现有技术中通常使用Storyboard、ReactNative和ComponentKit等工具进行页面渲染,下面分别进行介绍:
Storyboard是苹果公司研发的IDE工具Xcode中集成的功能,是可视化的界面编辑工具,同时底层使用XML描述。具有所见即所得的优点,缺点是动态性和渲染性能比较差。
ReactNative是Facebook主导的开源组件,优点是跨平台、动态性比较强、界面的表达能力也比较强,缺点是渲染性能比较差。
ComponentKit也是Facebook主导的开源组件,是一个基于描述的界面排版渲染组件,渲染性能较好,缺点则是动态性比较差,开发效率也比较低。
可见,现有技术中缺乏能够同时满足动态性、渲染性能和开发效率三方面要求的用于进行页面渲染的技术方案。
发明内容
为了解决上述技术问题,本发明提出了一种页面渲染方法、装置及终端。本发明具体是以如下技术方案实现的:
第一方面,一种页面渲染方法,包括:
获取模板文件和目标数据填充文件,所述模板文件用于描述网页布局,所述目标数据填充文件用于描述在所述网页布局下的待显示的网页内容;
根据所述模板文件和目标数据填充文件生成页面描述文件;
基于所述页面描述文件渲染页面。
第二方面,一种页面渲染装置,包括:
文件获取模块,用于获取模板文件和目标数据填充文件,所述模板文件用于描述网页布局,所述目标数据填充文件用于描述在所述网页布局下的待显示的网页内容;
页面描述文件生成模块,用于根据所述模板文件和目标数据填充文件生成页面描述文件;
渲染模块,用于基于所述页面描述文件渲染页面。
第三方面,一种计算机可读存储介质,用于存储程序,所述程序用于实现所述页面渲染方法。
第四方面,一种终端,所述终端用于运行所述页面渲染装置。
本发明提供了一种页面渲染方法、装置及终端,具备下述有益效果:
本发明通过使用模板文件和目标数据填充文件描述页面元素,从而完成产品页面的在线热更新,满足了动态性的要求。通过自定义页面布局,再使用多进程渲染页面元素,脱离了现有技术中渲染只能够均集中在主线程的限制,提升了渲染效率。通过建立复用池,实现界面元素的回收和复用,从而进一步提升渲染速度。本发明只通过修改模板文件和目标数据填充文件即可实现新的页面的研发,显然具备较好的开发效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它附图。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(深圳)有限公司,未经腾讯科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810613834.8/2.html,转载请声明来源钻瓜专利网。