那些年我用过的前端插件合集

FontAwesome字体

详细用法参见上述站点的Examples。

SweetAlert系列

示例：

基本使用：

1. swal("标题","内容","success);

使用SweetAlert在Ajax提交成功（done）或失败（error）时分别提示不用的内容。

这是更新之前版本的写法

function deleteRecord(recordID) {    swal({        title: "确定要删除这个产品吗？",        text: "删除后可就无法恢复了。",        type: "warning",        showCancelButton: true,        closeOnConfirm: false,        confirmButtonText: "是的，我要删除！",        confirmButtonColor: "#ec6c62",        cancelButtonText: "容我三思"    }, function (isConfirm) {        if (!isConfirm) return;        $.ajax({            type: "post",            url: "/delete/",            data: {
         "id": recordID},            success: function (data) {                var dataObj = $.parseJSON(data);                if (dataObj.status === 0) { //后端删除成功                    swal("删除成功", dataObj.info, "success");                    $("#p-" + recordID).remove()  //删除页面中那一行数据                } else {                    swal("出错啦。。。", dataObj.msg, "error");  //后端删除失败                }            },            error: function () {  // ajax请求失败                swal("啊哦。。。", "服务器走丢了。。。", "error");            }        })    });}

更新之后用这么写

swal({  title: "这里写标题",  text: "这里放内容",  icon: "warning",  // 这里放图标的类型（success,warning,info,error）  buttons: {    cancel: {      text: "容我三思",      visible: true,      value: false    },    confirm: {      text: "我就是要删除"    }  }}).then(function (isConfirm) {    if (isConfirm){      swal("你死定了", {button: "确认"});    }

Toastr通知

toastr["success"]("你已经成功被绿!")

jQueryLazyload懒加载

示例：

  
            
            
            
          
  
           
            
           
  ...  
           
            
           
          

模板

一个不错的管理后台模板