如何使用 · Every.js

## 一、下載請先去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> ```