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

时间:2021-05-02 15:50:23
【文件属性】:
文件名称:morphdom:快速轻量级的DOM diffingpatching(无需虚拟DOM)
文件大小:172KB
文件格式:ZIP
更新时间:2021-05-02 15:50:23
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节点树完全匹

网友评论