页面渲染的处理方法、装置及终端制造方法及图纸

本公开是关于一种页面渲染的处理方法、装置及终端，其中，该方法包括：确定新数据的md5值与历史数据的md5值不同，则针对新数据中的每一个新数据组，在确定历史数据中存在与新数据组对应的历史数据组时，若确定新数据组的md5值与历史数据组的md5值相同，则在确定新数据组的顺序与历史数据组的顺序相同时，确定历史数据组不变，在确定新数据组的顺序与历史数据组的顺序不同时，确定采用新数据组替换历史数据组。对页面的内容进行部分的渲染，减少渲染页面的耗时，不会消耗终端过多的性能；在当两份数据相差不大时，不会将页面全部重新渲染，从而在页面重新渲染的过程中，页面不会闪现白屏、抖动现象，提高用户体验。

Method, device and terminal for page rendering processing

The public is processing method, a page rendering device and terminal, wherein, the method comprises: determining the new data and the historical data of different MD5 value MD5 value for each new data set the new data in the existing historical data corresponding to the new data group in the determination of historical data if the new data, determine the value of MD5 in the same value as historical data sets of MD5, in order to determine the same historical data and new data group order, determine the historical data in order to determine the set of invariant, different historical data and new data group order, determined by the new data set to replace the historical data set. Part of the rendering of the page's content, reduce the time-consuming rendering, does not consume too much in the terminal performance; when the two data difference, not all pages in the page to re render, re rendering of the page will not flash white screen, jitter and improve the user experience.

【技术实现步骤摘要】
页面渲染的处理方法、装置及终端
本公开涉及网页处理
，尤其涉及页面渲染的处理方法、装置及终端。
技术介绍
在移动终端的系统以及各应用程序中，都会具有不同的页面。混合模式移动应用(HybridApp)凭借开发效率快，更新速度快，体验较优等优势，正逐渐成为页面编码的主要方式。对于数据时效性比较短的应用程序，这类应用程序的页面数据需要常常更新；用户在访问这类应用程序的页面的时候，终端往往需要重新渲染页面，才能为用户呈现出最新的页面。相关技术中，对于终端中的应用程序的同一页面，终端可以采用数据A作为页面渲染数据，然后采用数据A渲染当前页面，并且终端会将数据A存储在localStorage中或者终端本地中；然后在用户第二次访问该页面，或者终端需要更新该页面的时候，为了简短页面可视时间，往往先使用数据A进行渲染，然后终端从远程服务器上获取当前页面的新数据B，终端比较数据A和新数据B是否相同，如果二者不同，则终端采用新数据B渲染当前页面。然而相关技术中，终端只要确定数据A和新数据B有不同的地方，终端就采用新数据B替换数据A，进而渲染当前页面。这样的方式，在当两份数据相差不大时，也会将页面全部重新渲染，进而耗时，且消耗终端的性能；并且，由于在当两份数据相差不大时，也会将页面全部重新渲染，从而在页面重新渲染的过程中，页面会闪现白屏，出现抖动现象，用户体验较差。
技术实现思路
为克服相关技术中存在的渲染耗时，且消耗终端的性能，在页面重新渲染的过程中，页面会闪现白屏，出现抖动现象的问题，本公开提供一种页面渲染的处理方法、装置及终端。根据本公开实施例的第一方面，提供一种页面渲染的处理方法，包括：获取待渲染页面的新数据，并获取新数据的消息摘要算法第五版(MessageDigestAlgorithmMD5，简称md5)值、以及所述待渲染页面的历史数据的md5值；确定所述新数据的md5值与所述历史数据的md5值是否相同；若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中存在与所述新数据组对应的历史数据组时，确定所述新数据组的md5值与所述历史数据组的md5值是否相同；针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值相同，则在确定所述新数据组的顺序与所述历史数据组的顺序相同时，确定所述历史数据组不变，在确定所述新数据组的顺序与所述历史数据组的顺序不同时，确定采用所述新数据组替换所述历史数据组。进一步地，在所述在确定所述新数据组的顺序与所述历史数据组的顺序相同时，确定所述历史数据组不变，在确定所述新数据组的顺序与所述历史数据组的顺序不同时，确定采用所述新数据组替换所述历史数据组之前，还包括：确定所述新数据组的顺序与所述历史数据组的顺序符合第一条件或第二条件；其中，所述第一条件为所述新数据组的前序标识与所述历史数据组的前序标识是否同时不存在；所述第二条件为所述新数据组的前序标识与所述历史数据组的前序标识是否同时存在，且所述新数据组的前序标识等于所述历史数据组的前序标识；若确定所述新数据组的顺序与所述历史数据组的顺序符合所述第一条件或所述第二条件，则确定所述新数据组的顺序与所述历史数据组的顺序相同；若确定所述新数据组的顺序与所述历史数据组的顺序不符合所述第一条件和所述第二条件，则确定所述新数据组的顺序与所述历史数据组的顺序不同。进一步地，所述方法，还包括：针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值不同，则确定采用所述新数据组替换所述历史数据组。进一步地，所述方法，还包括：若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中不存在与所述新数据组对应的历史数据组时，根据所述新数据组得到新节点，并将所述新节点添加至与所述新数据组对应的前一节点之后。进一步地，所述方法，还包括：若确定所述新数据的md5值与所述历史数据的md5值相同，则确定所述待渲染页面的所述历史数据不变。进一步地，所述获取待渲染页面的新数据，包括：确定是否获取到与所述待渲染页面的历史数据对应的新数据；若确定获取到与所述待渲染页面的历史数据对应的新数据，则执行所述获取新数据的md5值、以及所述待渲染页面的历史数据的md5值的步骤；若确定未获取到与所述待渲染页面的历史数据对应的新数据，则删除所述历史数据，且不执行所述获取新数据的md5值、以及所述待渲染页面的历史数据的md5值的步骤。本公开的实施例提供的技术方案可以包括以下有益效果：在对页面进行渲染的时候，在确定新数据与历史数据不同的时候，对新数据中的每一个新数据组与历史数据的每一个历史数据组进行分析比较；针对新数据中的每一个新数据组，在确定新数据组的md5值与历史数据组的md5值相同，并且新数据组的顺序与历史数据组的顺序不同的时候，再确定采用新数据组替换历史数据组；而在确定新数据组的md5值与历史数据组的md5值相同，并且新数据组的顺序与历史数据组的顺序相同的时候，不采用新数据组替换历史数据组。从而提供的方法，可以对页面的数据组进行部分替换，进而对页面的内容进行部分的渲染，减少渲染页面的耗时，不会消耗终端过多的性能；并且，在当两份数据相差不大时，不会将页面全部重新渲染，从而在页面重新渲染的过程中，页面不会闪现白屏、抖动现象，提高用户体验。根据本公开实施例的第二方面，提供一种页面渲染的处理装置，包括：获取模块，被配置为获取待渲染页面的新数据，并获取新数据的md5值、以及所述待渲染页面的历史数据的md5值；第一确定模块，被配置为确定所述新数据的md5值与所述历史数据的md5值是否相同；第二确定模块，被配置为若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中存在与所述新数据组对应的历史数据组时，确定所述新数据组的md5值与所述历史数据组的md5值是否相同；第一渲染模块，被配置为针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值相同，则在确定所述新数据组的顺序与所述历史数据组的顺序相同时，确定所述历史数据组不变，在确定所述新数据组的顺序与所述历史数据组的顺序不同时，确定采用所述新数据组替换所述历史数据组。进一步地，所述第一渲染模块，被具体配置为：针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值相同，则确定所述新数据组的顺序与所述历史数据组的顺序符合第一条件或第二条件；其中，所述第一条件为所述新数据组的前序标识与所述历史数据组的前序标识是否同时不存在；所述第二条件为所述新数据组的前序标识与所述历史数据组的前序标识是否同时存在，且所述新数据组的前序标识等于所述历史数据组的前序标识；若确定所述新数据组的顺序与所述历史数据组的顺序符合所述第一条件或所述第二条件，则确定所述新数据组的顺序与所述历史数据组的顺序相同；若确定所述新数据组的顺序与所述历史数据组的顺序不符合所述第一条件和所述第二条件，则确定所述新数据组的顺序与所述历史数据组的顺序不同；在确定所述新数据组的顺序与所述历史数据组的顺序相同本文档来自技高网...

【技术保护点】
一种页面渲染的处理方法，其特征在于，包括：获取待渲染页面的新数据，并获取新数据的消息摘要算法第五版md5值、以及所述待渲染页面的历史数据的md5值；确定所述新数据的md5值与所述历史数据的md5值是否相同；若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中存在与所述新数据组对应的历史数据组时，确定所述新数据组的md5值与所述历史数据组的md5值是否相同；针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值相同，则在确定所述新数据组的顺序与所述历史数据组的顺序相同时，确定所述历史数据组不变，在确定所述新数据组的顺序与所述历史数据组的顺序不同时，确定采用所述新数据组替换所述历史数据组。

【技术特征摘要】
1.一种页面渲染的处理方法，其特征在于，包括：获取待渲染页面的新数据，并获取新数据的消息摘要算法第五版md5值、以及所述待渲染页面的历史数据的md5值；确定所述新数据的md5值与所述历史数据的md5值是否相同；若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中存在与所述新数据组对应的历史数据组时，确定所述新数据组的md5值与所述历史数据组的md5值是否相同；针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值相同，则在确定所述新数据组的顺序与所述历史数据组的顺序相同时，确定所述历史数据组不变，在确定所述新数据组的顺序与所述历史数据组的顺序不同时，确定采用所述新数据组替换所述历史数据组。2.根据权利要求1所述的方法，其特征在于，在所述在确定所述新数据组的顺序与所述历史数据组的顺序相同时，确定所述历史数据组不变，在确定所述新数据组的顺序与所述历史数据组的顺序不同时，确定采用所述新数据组替换所述历史数据组之前，还包括：确定所述新数据组的顺序与所述历史数据组的顺序符合第一条件或第二条件；其中，所述第一条件为所述新数据组的前序标识与所述历史数据组的前序标识是否同时不存在；所述第二条件为所述新数据组的前序标识与所述历史数据组的前序标识是否同时存在，且所述新数据组的前序标识等于所述历史数据组的前序标识；若确定所述新数据组的顺序与所述历史数据组的顺序符合所述第一条件或所述第二条件，则确定所述新数据组的顺序与所述历史数据组的顺序相同；若确定所述新数据组的顺序与所述历史数据组的顺序不符合所述第一条件和所述第二条件，则确定所述新数据组的顺序与所述历史数据组的顺序不同。3.根据权利要求1所述的方法，其特征在于，所述方法，还包括：针对所述新数据中的每一个新数据组，若确定所述新数据组的md5值与所述历史数据组的md5值不同，则确定采用所述新数据组替换所述历史数据组。4.根据权利要求1所述的方法，其特征在于，所述方法，还包括：若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中不存在与所述新数据组对应的历史数据组时，根据所述新数据组得到新节点，并将所述新节点添加至与所述新数据组对应的前一节点之后。5.根据权利要求1-4任一项所述的方法，其特征在于，所述方法，还包括：若确定所述新数据的md5值与所述历史数据的md5值相同，则确定所述待渲染页面的所述历史数据不变。6.根据权利要求1-4任一项所述的方法，其特征在于，所述获取待渲染页面的新数据，包括：确定是否获取到与所述待渲染页面的历史数据对应的新数据；若确定获取到与所述待渲染页面的历史数据对应的新数据，则执行所述获取新数据的md5值、以及所述待渲染页面的历史数据的md5值的步骤；若确定未获取到与所述待渲染页面的历史数据对应的新数据，则删除所述历史数据，且不执行所述获取新数据的md5值、以及所述待渲染页面的历史数据的md5值的步骤。7.一种页面渲染的处理装置，其特征在于，包括：获取模块，被配置为获取待渲染页面的新数据，并获取新数据的md5值、以及所述待渲染页面的历史数据的md5值；第一确定模块，被配置为确定所述新数据的md5值与所述历史数据的md5值是否相同；第二确定模块，被配置为若确定所述新数据的md5值与所述历史数据的md5值不同，则针对所述新数据中的每一个新数据组，在确定所述历史数据中存在与所述新数据组对应的历史数据组时，确定所述新数据组的md5值与所述历史数据组的md5值是否相同；第一渲染模块，被配置为...

【专利技术属性】
技术研发人员：刘忠建，杨金风，余鹏，
申请(专利权)人：北京小米移动软件有限公司，
类型：发明
国别省市：北京,11