摘要:是一個很簡潔的事件分發,事件訂閱和發布的庫僅僅,簡潔實用。地址可以用于簡單的事件分發在用于跨組件的輕量級實現事件訂閱和發布在線示例,點擊這里。返回所有的事件名稱數組。綁定事件,觸發事件,取消綁定取消綁定這個事件取消綁定所有的
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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/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語言將任務的執行模式分成兩種...
摘要:如果今后需要修改,再到這段事件處理函數的位置來修改。這是因為,分清邏輯功能和事件偵聽兩種職責,是一種良好的實踐。只讓事件處理函數本身接觸到瀏覽器事件對象,有利于降低代碼耦合,方便獨立測試及維護。實現事件分發的設計模式之一,就是發布訂閱。 事件分發的作用 在為頁面添加各類交互功能時,我們熟知的最簡單的做法就是為頁面元素綁定事件,然后在事件處理函數中,做我們想要做的動作。就像這樣的代碼: ...
閱讀 3664·2021-10-12 10:11
閱讀 1028·2021-09-22 15:42
閱讀 3477·2019-08-30 13:06
閱讀 915·2019-08-29 17:05
閱讀 1661·2019-08-29 12:21
閱讀 2388·2019-08-29 11:31
閱讀 1147·2019-08-23 18:37
閱讀 1268·2019-08-23 14:58