npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

custom-event-ts

v0.1.1

Published

[![Build Status](https://travis-ci.org/boycgit/custom-event-ts.svg?branch=master)](https://travis-ci.org/boycgit/custom-event-ts) [![Coverage Status](https://coveralls.io/repos/github/boycgit/custom-event-ts/badge.svg?branch=master)](https://coveralls.io/

Downloads

4

Readme

custom-event-ts

Build Status Coverage Status MIT Licence npm version

A polyfill for CustomEvents on IE8+ written in Typescript

  • written in Typescript
  • fully tested
  • auto polyfill CustomEvent when using
  • offer GlobalEvent for easy use

一旦引用该组件,就会自动对 CustomEvent 进行 polyfill,同时提供组件 GlobalEvent 对象(默认导出)方便在全局进行自定义事件的订阅

参考文档

实现

教程

Installation

Node.js / Browserify

npm install custom-event-ts --save
import GlobalEvent from "custom-event-ts";

// or
var GlobalEvent = require('custom-event-ts');

// Listen event 'SAY_HELLO'
GlobalEvent.on('SAY_HELLO', (data) => {
    console.log(data.detail) // { name: 'John' }
})

// Dispatch event 'SAY_HELLO' with data
GlobalEvent.dispatch('SAY_HELLO', { name: 'John' })

// Remove event listener
GlobalEvent.off('SAY_HELLO')

Global object

在页面中可以直接使用打包好的文件:

<script src="./dist/index.umd.min.js"></script>

通过 window.GlobaEvent 获取功能对象。

Build & test

npm run build
npm test
npm run doc

then open the generated out/index.html file in your browser.

License

MIT.