1.9.5 • Published 6 years ago
yan-com v1.9.5
Yan前端公共方法工具集
This is just a common toolkit for the Front End
前言
此库仅仅是聚合了一些常用的前端公共方法 引入文件Yan.common.all.js,即可使用
快速使用
提示框
- alert
Yan.$alert("提示的内容",function () { return "点击确定按钮的回调函数(可选)"; });
- tip
Yan.$tip("普通提示信息","info"); Yan.$tip("成功提示信息","ok"); Yan.$tip("失败提示信息","error"); Yan.$tip("警告提示信息","warn");
- load
// 全屏loading var lay1=Yan.$layer.load(0); // 指定区域loading var lay2=Yan.$layer.load("#div1"); // 关闭指定loading Yan.$layer.close(lay2); // 关闭所有loading Yan.$layer.closeAll();
文件上传
Yan.$file.upload({ el:"#f2", // <input type="file" id="#f2" /> accept:['img*'], // 文件名后缀 maxSize:'2M', // 2B 2K 2M 2G, onFileChange:function (file) { // file为所选文件的信息 }, acceptError:function () { // 文件类型不符 alert('文件类型不符合!'); }, sizeError:function (flag) { // 文件大小不符 var message=flag==1?"文件超限":"文件为空"; alert(message); }, }).submit(function (context) { // context.file 为需要上传文件的文件信息 // 下面写ajax请求 });
base64转换
Yan.$base64.encode("中文abc123"); // "JUU0JUI4JUFEJUU2JTk2JTg3YWJjMTIz" Yan.$base64.decode("JUU0JUI4JUFEJUU2JTk2JTg3YWJjMTIz"); // "中文abc123"
格式转换
Yan.$toThousands("123456789"); // 123,456,789 Yan.$toFormatDate("YYYY-MM-DD hh:ii:ss.ms WWW qq"); // "2018-01-08 03:50:39.02 星期一 01" Yan.$toFormatDate("YYYY-MM-DD hh:ii:ss.ms WWWW qqqq",new Date(2018,00,02)); // "2018-01-02 12:00:00.00 星期二 01"
Url解析
Yan.$urlParse("http://yanfan.com:83/home/disc/test.html#query?name=yan&age=100"); // {protocol: "http", username: "", password: "", host: "yanfan.com:83", port: "83", …}
获取、设置、删除cookie
// 判断是否存在此cookie Yan.$cookie.hasItem("user_id"); // 设置 Yan.$cookie.setItem("user_id", "12fdsa4f4a", new Date(2018,12,31), "/blog", ".yangfan.com", true); // 获取 Yan.$cookie.getItem("user_id"); // 删除 Yan.$cookie.removeItem("user_id","/blog",".yangfan.com"); // 返回一个这个路径所有可读的cookie的数组 Yan.$cookie.keys();
Ajax
// ajax Yan.$http({ url:"yangfan.com/post", method:"post", data:{ name:"jobs", age:100 }, success:function (data) {}, error:function (err) {} }); // jsonp Yan.$http.getJSON("yangfan.com/get",{ name:"jobs", age:100 },success:function (data) {}, error:function (err) {});
完整配置
Yan.$alert(content[ ,callback])
Yan.$tip(content[ ,type])
Yan.$layer.load(el[ ,{shade[ ,time]}])
Yan.$file.upload({el [,accept[ ,maxSize[ ,previewBox[ ,previewCallBack[ ,onFileChange[ ,acceptError[ ,sizeError]]]]]]]})
Yan.$cookie.keys()
Yan.$cookie.hasItem(name)
Yan.$cookie.getItem(name)
Yan.$cookie.setItem(name, value[, end[, path[, domain[, secure]]]])
Yan.$cookie.removeItem(name[, path], domain)
Yan.$http({url[ ,method[ ,data[ ,responseType[ ,success[ ,error[ ,isAuth[ ,cancelToken[ ,timeout]]]]]]]]})
Yan.$http.getJSON(url,data,success,error);
Yan.$toFormatDate(fmt[ ,date])