domhide.js:隐藏和显示 DOM 节点的小型快速实用程序

时间:2024-06-21 04:28:07
【文件属性】:

文件名称:domhide.js:隐藏和显示 DOM 节点的小型快速实用程序

文件大小:6KB

文件格式:ZIP

更新时间:2024-06-21 04:28:07

JavaScript

domhide.js 隐藏/显示 DOM 节点的小实用程序 介绍 长、图片重、页面是浏览器杀手,尤其是在移动设备上。 加载足够的图像,您的浏览器就会崩溃。 此实用程序的灵感来自“技术 #3:删除页面”。 我不知道他们实际上做了什么,但我开发了我自己的想法版本。 domhide.js是用 vanilla Javascript 编写的,没有依赖项。 这个怎么运作 domhide.js背后的想法是保留标签的尺寸并从 DOM 中删除所有标签的子级,有效地释放内存(尤其是对图像标签有用)。 Tag 的 innerHTML 属性作为注释节点插入回 DOM。 为了扭转这一点,为了揭示标签的内部结构,评论节点值作为 HTML 插入回,评论节点本身被删除。 为了在隐藏期间保留尺寸(如果标签的尺寸是可变的并且取决于内部标签的尺寸),我们检查标签是否在样式属性(内联 CSS)中设置了宽度/高度。 如果不是


【文件预览】:
domhide.js-master
----domhide-min.js(2KB)
----README.md(4KB)
----hide.html(2KB)
----domhide.js(4KB)

网友评论