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 🙏

© 2025 – Pkg Stats / Ryan Hefner

jbecool

v1.0.21

Published

1. [JBeCool](#jbecool) 1. [Js 库](#js-库) 1. [基础库](#基础库) 2. [JQuery 库](#jquery-库) 3. [JQueryUI 库](#jqueryui-库) 4. [Knockoutjs 库](#knockoutjs-库) 5. [微信库](#微信库) 6. [node.js 库](#nodejs-库) 7. [组件库](#组件库)

Readme

JBeCool

  1. JBeCool
    1. Js 库
      1. 基础库
      2. JQuery 库
      3. JQueryUI 库
      4. Knockoutjs 库
      5. 微信库
      6. node.js 库
      7. 组件库
      8. webview 库
    2. css
    3. 图片集
    4. 第三方库
    5. 使用
      1. 在 node.js 中
      2. 在网页中
    6. 发行日志
      1. 1.0.4
      2. 1.0.15

JBeCool 是一套 Web 前端框架,由 js/css/图片集组成。

为避免混淆,本包分离为:

  • jbecool.min.js

    只含基础,可以在 node.js、小程序、网页环境中使用。

  • jbecool.jquery.min.js

    基础+jquery,可以在网页环境中使用。

  • jbecool.jqueryui.min.js

    基础+jquery+jqueryui,可以在 PC 网页环境中使用。

  • jbecool.knockoutjs.min.js

    基础+jquery+jqueryui+knockoutjs,可以在 PC 网页环境中使用。

  • jbecool.wx.min.js

    基础+微信,可以在微信小程序环境中使用。

  • jbecool.nodejs.min.js

    基础+node.js,可以在 node.js 环境中使用。

  • jbecool.webview.min.js

    仅 webview,可以在 APP 环境中使用。

按需引入即可。

当然,即便引入了 jbecool.jquery.min.js,自己还需要引入 jquery 本身,前者仅仅是包含了一些在 jquery 环境下的工具或组件而已。

同时,还包含一个 bcss,是一套 css 框架,也分离为:

  • becool.min.css

    最基础的样式库

  • becool.ams.min.css

    基础+表单+新闻系统样式库

  • becool.form.min.css

    基础+表单+jquery ui 样式库

同时,还包含了一套 assets,是各种图片/图标资源集合,并产生了 css 精灵图(也称为雪碧图)。

Js 库

基础库

JQuery 库

JQueryUI 库

Knockoutjs 库

微信库

在微信环境中,很多与网页不一致,故本库中对很多 J 的成员和其他类做了重写,起到一个覆盖作用,这样即便你引用了 jbecool 基础版,也不会造成冲突。

node.js 库

组件库

所在目录:widget。

  • J.w

  • codeEditor

    基于 codeMirror 的代码编辑器。

  • defaultValue

    对象的默认值处理。

  • fontSelector

    字体选择器。

  • numericUpDown

    数字选择器。

  • animation

    简单动画框架。

  • busyPanel

    繁忙面板。

  • dropdownlistLinkage

    多级下拉框联动。

  • fileUpload

    文件上传。

  • fileUploadThumb

    文件上传缩略图版本。

  • fontZoom

    字体放大缩小。

  • imageTiles

    图片磁贴。

  • jstree

    jstree 的封装版。

  • kindEditor

    基于 kindEditor 的封装。

  • loadMore

    加载更多。

  • mover

    多图轮换。

  • overlayer

    遮罩。

  • pager

    分页器。

  • selectItem

    模拟手机通信录进行选择,支持单选/多选。

  • sizeImage

    按比例显示图片。

  • star

    评星。

  • support

    点赞、关注、收藏等。

webview 库

bcss

图片集

第三方库

所在目录:libs。

包含大量常见的 js 库,如 jquery,jstree 之类的,可自行引用。

使用

在 node.js 中

npm install jbecool --save
require("jbecool");

在网页中

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/becool.min.css"
/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jbecool.min.js"></script>

注意:@ 后面为版本号,按需修改。

发行日志

1.0.4

第一次发布。

1.0.15

将 jbecool 塞入四大内容,分别是:jbecool、css 集、组件集、图片集,完全满足前端使用,将一个 Js 框架升级为 Web 前端框架。