现在的位置: 首页 > web前端 > 正文

onfire js事件订阅和发布的库

2020年07月06日 web前端 ⁄ 共 949字 ⁄ 字号 评论关闭

  onfire.js是一个很简单的事件分发的Javascript库(仅仅0.9kb),简洁实用。将onfire.js下载下来并放置在开发项目某个目录下,例如根目录lib文件夹内。我就将它放到了资源文件夹assets里的lib文件夹内。


  onfire.js可以用于什么


  简单的事件分发;


  在react/vue.js/angular用于跨组件的轻量级实现;


  事件订阅和发布;


  onfire.jsAPI方法:


  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:


  引入js文件


  npm install onfire.js


  可以使用<script>标签直接引入;也可以使用require或者import关键字引入,会得到全局变量onfire。


  import onfire from 'onfire.js';


  // or


  var onfire = require("onfire.js");


  2.简单使用


  使用方法on来订阅事件,使用un来取消订阅,使用fire方法来触发事件。


  import onfire from 'onfire.js';


  总之,onfire.js在使用页面对应的js文件中引入该文件,但是微信小程序这样引用会使代码可读性降低,就在微信小程序的app.js全局js文件中引入

抱歉!评论已关闭.