[发明专利]一种基于虚拟DOM的前端元素维护方法在审
| 申请号： | 201610872082.8 | 申请日： | 2016-09-30 |
| 公开（公告）号： | CN106599016A | 公开（公告）日： | 2017-04-26 |
| 发明（设计）人： | 张丰;李建成;杜震洪;刘仁义;白璐;徐溯阳 | 申请（专利权）人： | 浙江大学 |
| 主分类号： | G06F17/30 | 分类号： | G06F17/30 |
| 代理公司： | 杭州求是专利事务所有限公司33200 | 代理人： | 张法高 |
| 地址： | 310058 浙江*** | 国省代码： | 浙江;33 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明公开了一种基于虚拟DOM的前端元素维护方法。它包括以下步骤1)扫描初始DOM树，生成初始虚拟DOM树。2)当DOM树改变后，生成新的虚拟DOM树。3)对于同属一个父元素的虚拟DOM节点的变化，通过列表对比算法求取操作量最小的操作顺序，并将目标操作记录在差异对象patch中，并将差异对象添加到差异数组patches中。4)对于新老虚拟DOM树上对应的同一个虚拟DOM节点，比较其节点类型差异，并将目标修改方法记录在差异对象中返回，并将差异对象patch添加到差异数组patches中。5)重新对旧的DOM树进行深度优先遍历，对原有界面元素进行修改。本发明能够通过虚拟DOM对象的差异比较，自动找到操作量最小的DOM操作步骤，并根据记录的差异对象，实现对DOM的自动操作。 | ||
| 搜索关键词： | 一种 基于 虚拟 dom 前端 元素 维护 方法 | ||
【主权项】：
一种基于虚拟DOM的前端元素维护方法，其特征在于，包括如下步骤：1)扫描初始DOM树，根据DOM树生成初始虚拟DOM树；2)当DOM树改变后，根据改变后的DOM树生成新的虚拟DOM树；3)对于同属一个父元素的虚拟DOM节点的移动、删除和新增变化，通过列表对比算法求取操作量最小的移动、插入、删除操作顺序，并将目标操作记录在差异对象patch中，并将差异对象添加到差异数组patches中；4)对于新老虚拟DOM树上对应的同一个虚拟DOM节点，比较其节点类型替换、属性变化、文本变化这三类差异，并将目标修改方法记录在差异对象中返回，并将差异对象patch添加到差异数组patches中；5)重新对旧的DOM树进行深度优先遍历，遍历时根据具体的差异对象对原有界面元素进行修改。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于浙江大学，未经浙江大学许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201610872082.8/，转载请声明来源钻瓜专利网。
