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 精灵图(也称为雪碧图)。
- Async
- DOM
- EventDispatcher
- WSocket
- request
- J.core
- J.tween
- J.us
- J.um
- J.uc
- J.ua
- J.uck
- J.ud
- J.udt
- J.ue
- J.uls
- J.un
- J.uo
- J.cc
- J.co
- J.cg
- IM
在微信环境中,很多与网页不一致,故本库中对很多 J 的成员和其他类做了重写,起到一个覆盖作用,这样即便你引用了 jbecool 基础版,也不会造成冲突。
所在目录: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
点赞、关注、收藏等。
所在目录:libs。
包含大量常见的 js 库,如 jquery,jstree 之类的,可自行引用。
npm install jbecool --save
require("jbecool");
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/jbecool@1.0.4/becool.min.css"
/>
<script src="https://cdn.jsdelivr.net/npm/jbecool@1.0.4/jbecool.min.js"></script>
注意:@ 后面为版本号,按需修改。
第一次发布。
将 jbecool 塞入四大内容,分别是:jbecool、css 集、组件集、图片集,完全满足前端使用,将一个 Js 框架升级为 Web 前端框架。