https://github.com/jmingzi/web-js-collection
web端js组件
https://github.com/jmingzi/web-js-collection
Last synced: about 1 month ago
JSON representation
web端js组件
- Host: GitHub
- URL: https://github.com/jmingzi/web-js-collection
- Owner: Jmingzi
- Created: 2017-05-08T14:09:47.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-23T05:44:09.000Z (over 8 years ago)
- Last Synced: 2025-06-06T13:06:27.245Z (4 months ago)
- Language: JavaScript
- Size: 469 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# web-js-collection
#### web端js组件
+ [Toast](./toast) 消息提示
+ [AlertModal](./alertModal) 集成alert、confirm、modal，一切皆可定义
+ [LoadingMobile](./loading/src/loadingMobile.js) loadingMobile
+ [Loading](./loading) 加载loading
+ [LoadingShell](./loadingShell) 更友好的loading
+ [Mdrag](./mDrag) 兼容ie8的可嵌套拖拽的定制化组件
#### 1.关于demo打包
例如
```
export module=alertModal&& webpack
export module=toast&& webpack
export module=loading&& webpack
export module=loadingShell&& webpack
```
需要设置node环境变量module=`demo模块`，demo模块的结构：
```
[module]
├── demo
│ ├── demo.vendor.js 打包后的demo.js
│ ├── index.html demo.html
│ └── [module].css 模块css
├── readme.md
└── src
├── demo.js demo 入口文件 必须
├── [module].js 模块.js 必须
└── [module].scss 模块.scss 可选
```
#### 2.关于模块化插件写法
示例
```js
if (typeof module === "object" && typeof module.exports === "object") {
module.exports = exportToast
} else {
window.toast = exportToast
}
```
参考
[ES6-模块与-CommonJS-模块的差异](http://es6.ruanyifeng.com/#docs/module-loader#ES6-模块与-CommonJS-模块的差异)
[es6简介](http://es6.ruanyifeng.com/#docs/intro)
#### 3.第三方常用库
[storage]
+ [web-storage-cache](https://github.com/WQTeam/web-storage-cache)