介绍
Arrive 是一款基于 jQuery 的 DOM 元素监听工具库，它可以在目标元素被添加或者删除时触发回调函数。使用 Arrive 可以方便地实现对特定元素的动态监听，常用于前端开发中的页面渲染和数据绑定等场景。
安装
安装 Arrive 可以通过 npm 或者直接引入 js 文件的方式进行。
npm 安装
npm install arrive直接引入 js 文件
在 HTML 页面中引入以下文件：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js"></script>
使用
import 引入
import 'arrive'
require 引入
require('arrive')
配置项
Arrive 提供了许多配置项，可以根据需求进行设置。
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| fireOnAttributesModification | boolean | false | 是否在元素属性改变时触发回调函数 |
| onceOnly | boolean | false | 是否只监听一次 |
| existing | boolean | false | 是否在绑定监听时触发已经存在的元素 |
| existingOnParent | boolean | false | 是否在父级元素上绑定 existing 监听 |
示例
-- -------------------- ---- ------- -- -- ---- ------ --- ---- ----------------------- ---------- - ---------------- ------- --- -- -- ---------- ---- - ---- --------------------------- ---------- - ----------------------- -- - ------- -- - --------- ---- --- -- --------- -- -- ---- ---- ---- ------------ ------------------------ ---------- - ----------------- -- ---- ------- -- - --------- ---- ---展开代码
总结
使用 Arrive 可以方便地实现对 DOM 元素的动态监听，同时也可以根据需求进行配置。在前端开发中，我们常常需要处理异步渲染和数据绑定等场景，此时使用 Arrive 可以提高开发效率，减少代码量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36535
