morphdom:快速轻量级的DOM diffingpatching(无需虚拟DOM)

时间:2024-05-22 09:37:03
【文件属性】:

文件名称:morphdom:快速轻量级的DOM diffingpatching(无需虚拟DOM)

文件大小:172KB

文件格式:ZIP

更新时间:2024-05-22 09:37:03

JavaScript

形态 轻量级模块,用于变形现有DOM节点树以匹配目标DOM节点树。 它快速且可与真实DOM一起使用-无需虚拟DOM! 创建此模块是为了解决响应于UI组件或页面被重新呈现而更新DOM的问题。 更新DOM的一种方法是简单地抛弃现有的DOM树,然后将其替换为新的DOM树(例如, myContainer[removed] = newHTML )。 虽然用全新的DOM树替换现有的DOM树实际上将非常快,但要付出一定的代价。 代价是与现有DOM节点关联的所有内部状态(滚动位置,输入插入符位置,CSS过渡状态等)将丢失。 而不是用新的DOM树替换现有的DOM树,我们希望转换现有的DOM树以匹配新的DOM树,同时最大程度地减少对现有DOM树的更改次数。 这正是morphdom模块的作用! 给它一个现有的DOM节点树和一个目标DOM节点树,它将有效地转换现有的DOM节点树,使其与目标DOM节点树完全匹


网友评论