yan-common v1.9.3

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])