フロントエンド開発に必要な共通ツール機能のまとめ

$.fn.serializeJson = 関数() {
var serializeObj = {};
var 配列 = this.serializeArray();
var str = this.serialize();
$(配列).each(関数() {
if (serializeObj[this.name]) {
$.isArray(serializeObj[this.name]) の場合 {
serializeObj[this.name].push(this.value);
} それ以外 {
serializeObj[this.name] = [serializeObj[this.name], this.value];
}
} それ以外 {
シリアル化Obj[this.name] = this.value;
}
});
serializeObj を返します。
};

String.prototype.strcut = 関数(数値) {
var 長さ = this.length;
var tmp = this.substr(0, 数値);
if (this.length > 数値) {
tmp + = "…";
}
tmp を返します。
}

Date.prototype.Format = function(fmt, current) {
if (現在) {
var diff = current - this.getTime();
（差分 < 5 * 60 * 1000）の場合{
「ただ今」を返します。
}
（差分 < 60 * 60 * 1000）の場合{
return (Math.floor(diff / (60 * 1000))) + "分前";
}
（差分 < 24 * 60 * 60 * 1000）の場合{
return (Math.floor(diff / (60 * 60 * 1000))) + "時間前";
}
（差分 < 30 * 24 * 60 * 60 * 1000）の場合{
return (Math.floor(diff / (24 * 60 * 60 * 1000))) + "日前";
}
（差分 < 12 * 30 * 24 * 60 * 60 * 1000）の場合{
return (Math.floor(diff / (30 * 24 * 60 * 60 * 1000))) + "一ヶ月前";
}
（差分＞12 * 30 * 24 * 60 * 60 * 1000）の場合{
return (Math.floor(diff / (12 * 30 * 24 * 60 * 60 * 1000))) + "年前";
}
}
var o = {
"Y+": this.getFullYear(), //月
"M+": this.getMonth() + 1, //月
"d+": this.getDate(), //日
"h+": this.getHours(), // 時間
"m+": this.getMinutes(), // ポイント
"s+": this.getSeconds(), // 秒
"q+": Math.floor((this.getMonth() + 3) / 3), //四半期
"S": this.getMilliseconds() // ミリ秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
(変数 k が o の場合)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
fmt を返します。
};

関数parseUrl() {
var arr = location.search.split('?')[1].split('&');
var パラメータ = {};
(var i = 0, l = arr.length; i < l; i++) の場合 {
var パラメータ = arr[i].split('=');
パラメータ[パラメータ[0]] = パラメータ[1];
}
パラメータを返します。
}

関数 getParameterByName(名前) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = 新しい RegExp("[\\?&]" + 名前 + "=([^&#]*)"),
結果 = regex.exec(location.search);
結果が null を返します。"" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

関数スロットル(fn, 遅延) {
var タイマー = null;
関数()を返す{
var コンテキスト = this、
args = 引数;
タイマーをクリアします。
タイマー = setTimeout(関数() {
fn.apply(コンテキスト、引数);
}、 遅れ）;
};
}

/**
* 複数回のクリックを防ぐ
*
* fnが完了したときに呼び出されるコールバック
* 関数 fn(イベント,終了) {
* (typeof end === "function") && end(); // 操作が完了しました
* }
*/function noRepeateTap(fn) {
var $obj;
関数(イベント)を返す{
$obj = $(これ);
($obj.data("loading") === "true") の場合 {
戻る;
}
$obj.data("読み込み中", "true").addClass('読み込み中');
fn.call(this, イベント, 関数終了() {
$obj.data("読み込み中", "").removeClass('読み込み中');
戻る;
});
}
}

// イベントをバインドする
$(container).on('click', '.btn-cancel', noRepeateTap(cancel));
//イベント応答関数
関数キャンセル(イベント、終了) {
イベントをデフォルトにしない();
//非同期リクエストをシミュレートする
setTimeout(関数(){
end(); // 完了を通知するには、手動でインジェクション完了関数を呼び出す必要があります。この関数は、スタイルを調整するためにロードクラスクラスを自動的に追加し、完了後に自動的に削除します。
},5000)
}