事件订阅发布JavaScript库onfire.js.zip

时间:2022-08-07 21:55:02
【文件属性】:
文件名称:事件订阅发布JavaScript库onfire.js.zip
文件大小:7KB
文件格式:JS
更新时间:2022-08-07 21:55:02
开源项目 onfire.js 是一个很简单的事件分发的Javascript库(仅仅 0.9kb),简洁实用。 可以用于: 简单的事件分发; 在 react / vue.js / angular 用于跨组件的轻量级实现; 事件订阅和发布; API方法: 1.on(event_name, callback) 绑定事件,参数为event_name和callback, 当有名字为event_name的事件发生的时候,callback方法将会被执行。 这个方法会返回一个eventObj,这个可以用于使用un(eventObj)方法来取消事件绑定。 2.one(event_name, callback) 绑定(订阅)事件,参数为 event_name with callback. 当被触发一次之后失效。只能被触发一次,一次之后自动失效。 3.fire(event_name, data) 触发名字为event_name的事件,并且赋予变量data为callback方法的输入值。 4.un(eventObj / eventName / function) 取消事件绑定。可以仅仅取消绑定一个事件回调方法,也可以直接取消全部的事件; 5.clear() 清空所有事件。 使用Demo: 1. 引入js文件 npm install onfire.js 可以使用[removed]标签直接引入; 也可以使用require或者import关键字引入,会得到全局变量 onfire。 import onfire from 'onfire.js'; // or var onfire = require("onfire.js"); 2. 简单使用 使用方法on来订阅事件, 使用un来取消订阅, 使用fire方法来触发事件。 import onfire from 'onfire.js'; // 绑定事件 var eventObj = onfire.on('test_event', function(data) {     console.log('this is a event 1'); }); var eventObj2 = onfire.on('test_event', function(data) {     console.log('this is a event 2'); }); // 触发事件 onfire.fire('test_event', 'test_data'); // 取消绑定 onfire.un(eventObj); // 取消绑定这个事件. onfire.un('test_event'); // 取消绑定所有的 `test_event`. 标签:onfire
【文件预览】:
onfire.js-master
----README_zh.md(1KB)
----src()
--------index.ts(2KB)
----.babelrc(69B)
----.npmignore(94B)
----doc()
--------cross-component-communication-react.md(2KB)
----.travis.yml(68B)
----tsconfig.json(264B)
----LICENSE(1KB)
----__tests__()
--------index.spec.ts(2KB)
----README.md(1KB)
----.gitignore(38B)
----package.json(1KB)

网友评论