网页数据存储和操作的系统及方法
【技术领域】
[0001]本发明涉及网页数据处理领域，特别涉及一种网页数据存储的系统及方法以及网页数据操作的系统及方法。
【背景技术】
[0002]随着移动互联网的发展，移动手持设备的便捷让用户往往选择在手机上进行网络消费，用户在获得手持设备带来的巨大便利的同时，也对手机的性能、应用的表现提出了更高要求。
[0003]调查显示:携程APP(应用)内出现越来越多的列表页，当列表页内容和交互操作过多时，列表页面会出现明显卡顿，甚至直接导致APP崩溃的情况发生。导致上述原因有很多，除了设备性能的因素外，Dom(文档对象模型)结构组织不合理、Dom数量过多、Dom属性数据量绑定过多以及Dom操作太频繁导致内存消耗过大、CPU(中央处理器)计算量过大从而导致APP发生卡顿，严重时直接崩溃。
【发明内容】
[0004]本发明要解决的技术问题是为了克服现有技术中移动设备的页面经常由于页面内容和交互操作过多而导致页面发生卡顿甚至崩溃的缺陷，提供一种网页数据存储和操作的系统及方法。
[0005]本发明是通过下述技术方案来解决上述技术问题的:
[0006]本发明提供一种网页数据存储的系统，该网页以D0M树结构表示，D0M树结构包括多个D0M节点，每一 D0M节点关联该网页中的一个对象，其特点在于，
[0007]每一 D0M节点均存储该对象的关键信息，该关键信息包括识别信息；
[0008]缓存器中存储有该对象的识别信息和除该关键信息外的其他所有信息，该识别信息和该其他所有信息存在一一对应关系，该其他所有信息包括操作码、操作方法及是否为收缩的操作；
[0009]该网页仅显示每一对象的关键信息。
[0010]本发明还提供一种网页数据操作的系统，其特点在于，基于上述的网页数据存储的系统实现，该网页数据操作的系统包括一输入模块、一查询模块和一获取模块；
[0011]该输入模块用于接收针对该网页中一对象的操作的输入；
[0012]该查询模块用于根据该对象的识别信息查询该缓存器中该识别信息对应的其他所有信息；
[0013]该获取模块用于获取该对应的其他所有信息中的操作方法并根据该操作方法执行。
[0014]本发明还提供一种网页数据操作的方法，其特点在于，其利用上述的网页数据操作的系统实现，其包括以下步骤:
[0015]S:’、该输入模块接收针对该网页中一对象的操作的输入；
[0016]S2’、该查询模块根据该对象的识别信息查询该缓存器中该识别信息对应的其他所有信息；
[0017]S3’、该获取模块获取该对应的其他所有信息中的操作方法并根据该操作方法执行。
[0018]本发明还提供一种网页数据存储的方法，该网页以D0M树结构表示，D0M树结构包括多个D0M节点，每一 D0M节点关联该网页中的一个对象，其特征在于，其包括以下步骤:
[0019]S1、每一 D0M节点均存储该对象的关键信息，该关键信息包括识别信息；
[0020]S2、将该对象的识别信息和除该关键信息外的其他所有信息均存储至一缓存器中，该识别信息和该其他所有信息存在一一对应关系，该其他所有信息包括操作码、操作方法及是否为收缩的操作；
[0021 ] S3、该网页仅显示每一对象的关键信息。
[0022]较佳地，该缓存器中的每一对象以哈希表的形式存储。
[0023]在符合本领域常识的基础上，上述各优选条件，可任意组合，即得本发明各较佳实例。
[0024]本发明的积极进步效果在于:
[0025]本发明针对移动互联网，提高了网页加载速度和渲染速度，提升了页面交互能力，增加了页面操作的流畅度，节省了性能开销，使用户在移动端操作列表页及其他数据量较大的页面时，体验更加流畅，降低APP卡顿和崩溃的风险。
【附图说明】
[0026]图1为本发明较佳实施例的网页数据存储的方法的流程图。
[0027]图2为本发明较佳实施例的网页数据操作的系统的结构框图。
[0028]图3为本发明较佳实施例的网页数据操作的系统的流程图。
【具体实施方式】
[0029]下面结合附图给出本发明较佳实施例，以详细说明本发明的技术方案，但并不因此将本发明限制在所述的实施例范围之中。
[0030]本实施例提供一种网页数据存储的系统，该网页以D0M树结构表示，D0M树结构包括多个D0M节点，每一 D0M节点关联该网页中的一个对象，每一 D0M节点均存储该对象的关键信息，该关键信息包括识别信息；
[0031]缓存器中存储有该对象的识别信息和除该关键信息外的其他所有信息，该识别信息和该其他所有信息存在一一对应关系，该其他所有信息包括操作码、操作方法及是否为收缩的操作；
[0032]该网页仅显示每一对象的关键信息。
[0033]如图1所示，本实施例还提供一种网页数据存储的方法，该网页以D0M树结构表示，D0M树结构包括多个D0M节点，每一 D0M节点关联该网页中的一个对象，其包括以下步骤:
[0034]步骤101、每一 D0M节点均存储该对象的关键信息，该关键信息包括识别信息；
[0035]步骤102、将该对象的识别信息和除该关键信息外的其他所有信息均存储至一缓存器中，该识别信息和该其他所有信息存在一一对应关系，且该缓存器中的每一对象以哈希表的形式存储该其他所有信息包括操作码、操作方法及是否为收缩的操作；
[0036]步骤103、该网页仅显不每一对象的关键彳目息。
[0037]参考图2所示，本实施例提供一种网页数据操作的系统，基于上述的网页数据存储的系统实现，该网页数据操作的系统包括一输入模块1、一查询模块2和一获取模块3。
[0038]其中，该输入模块1用于接收针对该网页中一对象的操作的输入；
[0039]该查询模块2用于根据该对象的识别信息查询该缓存器中该识别信息对应的其他所有信息；
[0040]该获取模块3用于获取该对应的其他所有信息中的操作方法并根据该操作方法执行。
[0041]在本方案中，仅在每一 D0M节点中存储对象的关键内容，例如订单ID(身份标志号)，而将对象的非关键内容存储至缓存器中，这样当读取D0M节点相关的业务信息时，通过订单ID作为关键值从缓存器中快速获取，从而避免对D0M节点和D0M属性的大量遍历和计算，大大减轻了 CPU和内存的压力，并减少了 D0M节点的体积，因此同样的设备条件下能够加载出更多的内容，进一步减少APP崩溃的可能性。
[0042]例如，现有技术中，当订单卡片加载过多(约80-100张订单卡片)时，网页交互操作会出现明显卡顿甚至崩溃的情况。使用本解决方案后，订单卡片加载1000张以上时，交互操作都不会出现卡顿现象，也没出现崩溃的现象，从而使得在用户访问时大数据量信息时，页面流畅度增加，大大减少APP崩溃的情况发生。
[0043]参考图3所示，本实施例还提供一种网页数据操作的方法，其利用上述的网页数据操作的系统实现，其包括以下步骤:
[0044]步骤201、该输入模块接收针对该网页中一对象的操作的输入；
[0045]步骤202、该查询模块根据该对象的识别信息查询该缓存器中该识别信息对应的其他所有信息；
[0046]步骤203、该获取模块获取该对应的其他所有信息中的操作方法并根据该操作方法执行。
[0047]本发明针对移动互联网，提高了网页加载速度和渲染速度，提升了页面交互能力，增加了页面操作的流畅度，节省了性能开销，使用户在移动端操作列表页及其他数据量较大的页面时，体验更加流畅，降低APP卡顿和崩溃的风险。
[0048]本发明中的各个功能模块均能够在现有的硬件条件下结合现有的软件编程手段加以实现，故在此对其具体实现方法均不做赘述。
[0049]虽然以上描述了本发明的【具体实施方式】，但是本领域的技术人员应当理解，这些仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。
【主权项】
1.一种网页数据存储的系统，该网页以DOM树结构表示，D0M树结构包括多个D0M节点，每一 D0M节点关联该网页中的一个对象，其特征在于， 每一 D0M节点均存储该对象的关键信息，该关键信息包括识别信息； 缓存器中存储有该对象的识别信息和除该关键信息外的其他所有信息，该识别信息和该其他所有信息存在一一对应关系，该其他所有信息包括操作码、操作方法及是否为收缩的操作； 该网页仅显示每一对象的关键信息。2.—种网页数据操作的系统，其特征在于，基于如权利要求1所述的网页数据存储的系统实现，该网页数据操作的系统包括一输入模块、一查询模块和一获取模块； 该输入模块用于接收针对该网页中一对象的操作的输入； 该查询模块用于根据该对象的识别信息查询该缓存器中该识别信息对应的其他所有信息； 该获取模块用于获取该对应的其他所有信息中的操作方法并根据该操作方法执行。3.一种网页数据操作的方法，其特征在于，其利用如权利要求2所述的网页数据操作的系统实现，其包括以下步骤: S/、该输入模块接收针对该网页中一对象的操作的输入； s2’、该查询模块根据该对象的识别信息查询该缓存器中该识别信息对应的其他所有信息； s3’、该获取模块获取该对应的其他所有信息中的操作方法并根据该操作方法执行。4.一种网页数据存储的方法，该网页以D0M树结构表示，D0M树结构包括多个D0M节点，每一 D0M节点关联该网页中的一个对象，其特征在于，其包括以下步骤: 51、每一DOM节点均存储该对象的关键信息，该关键信息包括识别信息； 52、将该对象的识别信息和除该关键信息外的其他所有信息均存储至一缓存器中，该识别信息和该其他所有信息存在--对应关系，该其他所有信息包括操作码、操作方法及是否为收缩的操作； 53、该网页仅显示每一对象的关键信息。5.如权利要求4所述的网页数据存储的方法，其特征在于，该缓存器中的每一对象以哈希表的形式存储。
【专利摘要】本发明公开了一种网页数据存储和操作的系统及方法，该网页以DOM树结构表示，DOM树结构包括多个DOM节点，每一DOM节点关联该网页中的一个对象，每一DOM节点均存储该对象的关键信息，该关键信息包括识别信息；缓存器中存储有该对象的识别信息和除该关键信息外的其他所有信息，该识别信息和该其他所有信息存在一一对应关系，该其他所有信息包括操作码、操作方法及是否为收缩的操作；该网页仅显示每一对象的关键信息。本发明针对移动互联网，提高了网页加载速度和渲染速度，提升了页面交互能力，增加了页面操作的流畅度，使用户在移动端操作列表页及其他数据量较大的页面时，体验更加流畅，降低APP卡顿和崩溃的风险。
【IPC分类】G06F17/30
【公开号】CN105404672
【申请号】CN201510801184
【发明人】顾佳璐, 冯毅, 郑勇, 冯康
【申请人】上海携程商务有限公司
【公开日】2016年3月16日
【申请日】2015年11月19日