什么是 subsume
subsume 是一种适用于前端开发的 npm 包，可以实现控制 DOM 内容的插入和替换等操作。通过 subsume，可以方便地实现跨源数据获取和展示，以及和第三方组件的交互等。
如何安装 subsume
使用 npm 安装 subsume：
--- ------- -------
subsume 的基本用法
在 HTML 中引入 subsume：
------- ------------------------------------------------------------------------
创建 Subsume 实例：
----- --- - --- --------- ---- ------------------------------- ------- ----- --
设置 sub.ondata 事件，即用获取到的数据更新 DOM：
---------- - ---- -- - ----- --------- - ----------------------------------------- ------------------- - ---- -
以上代码实现了通过异步请求获取数据，插入到 id 为 data-container 的元素内。
可以通过 sub.refresh() 方法重新加载数据。
-------------
subsume 的进阶用法
在 subsume 中，可以通过插件实现更加复杂的操作。以下是一个示例，通过 subsume 实现了图片懒加载：
----- --- - --- ---------
---- -------------------------------------------
------- ------
-------- -
-------------------------------
-
--
---------- - ---- -- -
----- --------- - -----------------------------------------
------------------- - ----
-------------
-其中，使用了 subsume 内置的 imageLazyLoad 插件。
结语
通过学习 subsume 的使用，我们可以方便地掌握一些前端开发中常用的功能，如跨域数据请求、动态更新 DOM、图片懒加载等。subsume 还有许多其他的插件，我们可以根据实际需求进行使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/67820