## 一、下载
请先去Gitee下载发行包
Gitee:[https://gitee.com/chumbir/Every.js](https://gitee.com/chumbir/Every.js)
博客:[http://blog.renpengpeng.com/2020/01/30/every\_js.html](http://blog.renpengpeng.com/2020/01/30/every_js.html)
## 二、引入
在引入Every.js之前,**必须引入RequireJS**,因为Every.js基于Requirejs,
你可以使用RequireJS cdn,也可以使用zip包里的RequireJS版本,包里的版本为:2.3.6
**切记不要设置RequireJS的 “data-main”属性为Every.js**
*****
## 三、引入代码顺序示例
```
<script src="every_js/Require.js" type="text/javascript" charset="utf-8"></script>
<script src="every_js/Every.js" type="text/javascript" charset="utf-8"></script>
```
## 四、可使用方法
```
<script>
/**
* 直接使用本地模块
*/
Every.use(['模块名称'],function(模块回调){
});
/**
* 引入css,callback可有可无
* 如需调用Every的目录,可在前面使用{{PATH}},将会自动替换为Every路径
* 例如:Every的路径为:http://127.0.0.1/every/
* 则{{PATH}}stylesheet/a.css 等于 http://127.0.0.1/every/stylesheet/a.css
*/
Every.useStyle(['css样式表地址'],function(){
// dosomething...
// 可有可无
});
/**
* 其他Require的使用方法不变
*/
</script>
```
## 五、小试牛刀
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="every_js/Require.js" type="text/javascript" charset="utf-8"></script>
<script src="every_js/Every.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="au"></div>
</body>
<script type="text/javascript">
Every.use(['jquery','md5','sha1','base64','storage'],function($,md5,sha1,base64,storage){
// jquery模块改变文字
$('.au').text('哈哈');
// md5加密模块
console.log(md5('123'));
// sha1加密模块
console.log(sha1('123'));
// base加密模块
console.log(base64.encode('123'));
});
</script>
</html>
```
- 关于Every.js
- 如何使用
- 版本对应
- 全部模块
- jquery 瑞士军刀
- 模板引擎
- artTemplate.js 百度模板引擎
- doT.js 小而快的模板引擎
- mustache.js
- 图形 / 图像
- chart.js 基于 HTML5 的 JavaScript 图表库
- html2canvas 使用JavaScript截图
- d3.js 数据驱动文件
- 编码/加密
- md5.js 加密
- sha1.js 加密
- base64.js 加密解密
- 触摸/滑动/特效
- swiper5.js 强大的触摸屏插件
- WOW.js 让页面滚动更有趣
- 数据 / 存储 / 字符 / 数字
- clipboard 现代化的拷贝文字
- storage 浏览器存储
- localStorage
- sessionStorage
- underscore.js JavaScript 的实用工具
- store.js 跨浏览器的本地存储
- 时间 / 日期
- timeago.js 时间转换为几天前
- 其他插件
- zepto.js 小巧版的jquery