摘要:是一个很简洁的事件分发,事件订阅和发布的库仅仅,简洁实用。地址可以用于简单的事件分发在用于跨组件的轻量级实现事件订阅和发布在线示例,点击这里。返回所有的事件名称数组。绑定事件,触发事件,取消绑定取消绑定这个事件取消绑定所有的
onfire.js 是一个很简洁的事件分发,事件订阅和发布的Javascript库(仅仅 0.9kb),简洁实用。
Github地址:https://github.com/hustcc/onfire.js
可以用于:
简单的事件分发;
在 react / vue.js / angular 用于跨组件的轻量级实现;
事件订阅和发布;
在线示例,点击这里;English Version Readme. Click Here。
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 的事件,并且赋予系列变量datas为callback方法的输入值。
4. fireSync(event_name, data)
同步的方式触发名字为 event_name 的事件,并且赋予系列变量datas为callback方法的输入值。
5. un(eventObj / event_name)
取消事件绑定。可以仅仅取消绑定一个事件回调方法,也可以直接取消全部的事件。
返回所有的事件名称数组。
6. clear()
清空所有事件。
使用的DEMO1. 引入js文件
npm install onfire.js
可以使用 标签直接引入; 也可以使用 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(data1, data2) { console.log("this is a event 1"); }); var eventObj2 = onfire.on("test_event", function(data1, data2) { console.log("this is a event 2"); }); // 触发事件 onfire.fire("test_event", "test_data1", "test_data2"); // 取消绑定 onfire.un(eventObj); // 取消绑定这个事件. onfire.un("test_event"); // 取消绑定所有的 `test_event`.LICENSE
MIT
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87774.html
摘要:的异步完成整个异步环节的有事件循环观察者请求对象以及线程池。执行回调组装好请求对象送入线程池等待执行,实际上是完成了异步的第一部分,回调通知是第二部分。异步编程是首个将异步大规模带到应用层面的平台。 showImg(https://segmentfault.com/img/remote/1460000011303472); 本文首发在个人博客:http://muyunyun.cn/po...
摘要:重构总共耗时个工作日。第一个重构原因就是没有引入静态类型,导致查看一个对象结构需要翻来覆去在多个文件中查找。第三是各个状态模块耦合度高,加大了代码维护难度。但如果耦合度过高,往往是因为模块没有细分到位。这个项目也不列外。 showImg(https://segmentfault.com/img/remote/1460000019660483); 不知不觉已是2019年的7月,恍惚之间已...
摘要:引言于发布版本,时至今日已更新到,且引入了大量的令人振奋的新特性,本文章将带领大家根据更新的时间脉络了解的新特性。其作用是根据传递的来更新。新增等指针事件。 1 引言 于 2017.09.26 Facebook 发布 React v16.0 版本,时至今日已更新到 React v16.6,且引入了大量的令人振奋的新特性,本文章将带领大家根据 React 更新的时间脉络了解 React1...
摘要:回调函数这是异步编程最基本的方法。对象对象是工作组提出的一种规范,目的是为异步编程提供统一接口。诞生后,出现了函数,它将异步编程带入了一个全新的阶段。 更多详情点击http://blog.zhangbing.club/Ja... Javascript 语言的执行环境是单线程的,如果没有异步编程,根本没法用,非卡死不可。 为了解决这个问题,Javascript语言将任务的执行模式分成两种...
摘要:如果今后需要修改,再到这段事件处理函数的位置来修改。这是因为,分清逻辑功能和事件侦听两种职责,是一种良好的实践。只让事件处理函数本身接触到浏览器事件对象,有利于降低代码耦合,方便独立测试及维护。实现事件分发的设计模式之一,就是发布订阅。 事件分发的作用 在为页面添加各类交互功能时,我们熟知的最简单的做法就是为页面元素绑定事件,然后在事件处理函数中,做我们想要做的动作。就像这样的代码: ...
阅读 3653·2021-10-12 10:11
阅读 1015·2021-09-22 15:42
阅读 3468·2019-08-30 13:06
阅读 908·2019-08-29 17:05
阅读 1653·2019-08-29 12:21
阅读 2382·2019-08-29 11:31
阅读 1137·2019-08-23 18:37
阅读 1258·2019-08-23 14:58