前端最實用全面的工具類方法

2、怎麼做這件事

從大量程式中挑選出最常用的js方法彙總；

網上找出常用的方法，收集；

分成大類進行彙總;

3、主要大類

查詢類（ajax請求，表單請求）

校驗類（正規表示式,日期，查重）

資料轉換處理類（日期類，字串類）

加密解密類（base64）

4、現在就開始總結

一、查詢類（ajax請求，表單請求）

ajax請求：

二、校驗類（正規表示式,日期，查重）

//
檢查手機號
function
checkmobile(str) $/
if(regularexp.test(str)) 
else
}

三、資料轉換處理類（日期類，字串類）

字串轉換為json格式：

strtojson : function
(str)

表單轉換為json格式：

formtojson : function
(c, b) ;
if (!b) );
$(c).find("input[name][type=hidden][disabled!=disabled]").each(
function
(d, e) );
$(c).find("textarea[name][disabled!=disabled]").each(
function
(d, e) );
$(c).find("select[name][disabled!=disabled]").each(function
(d, e) );
$(c).find("input[name][type=checkbox][disabled!=disabled]").each(
function
(d, e) 
else
});$(c).find("input[name][type=radio][disabled!=disabled]:checked")
.each(
function
(d, e) );
$(c).find("input[name][type=password][disabled!=disabled]").each(
function
(d, e) )
} else
); $(c).find("input[name][type=hidden]").each(function
(d, e) );
$(c).find("textarea[name]").each(function
(d, e) );
$(c).find("select[name]").each(function
(d, e) );
$(c).find("input[name][type=checkbox]").each(function
(d, e) 
else
});$(c).find("input[name][type=radio]:checked").each(function
(d, e) );
$(c).find("input[name][type=password]").each(function
(d, e) )
}return
a }

四、加密解密類（base64）

base64位加密

明確幾個概念：

//charcodeat() 方法可返回指定位置的字元的 unicode 編碼。這個返回值是 0 - 65535 之間的整數

//fromcharcode() 可接受乙個指定的 unicode 值，然後返回乙個字串。

encode64 : function
(d) 
else
}a = a + b.charat(k) + b.charat(h) + b.charat(f) +b.charat(e);
l = j = g = "";
k = h = f = e = ""} 
while (c return
a }
function
strunicode2ansi(g) 
if (f > 127) 
if (f > 255) 
else
}return
a }

//強制把大寫轉換成小寫

function
tolowcase()

//將小數四捨五入

//decimalnum 為：保留小數點後幾位

function
roundfloat(str, decimalnum) 
var multiplyvalue=math.pow(10,parseint(decimalnum));
document.getelementbyid(str).value=(math.round(multiplyvalue*sourcevalue))/multiplyvalue;
return (math.round(multiplyvalue*sourcevalue))/multiplyvalue;
}

前端實用小工具

1 型別判斷判斷 target 的型別，單單用 typeof 並無法完全滿足，這其實並不是 bug，本質原因是 js 的萬物皆物件的理論。因此要真正完美判斷時，我們需要區分對待很穩的判斷封裝 let class2type array date regexp object error split ...

前端實用小工具

相對全面的前端知識點

1 1.html語義化標籤的理解結構化的理解能否寫出簡潔的html結構 seo優化 2.h5中新增的屬性如自定義屬性data,類名classname等,新增表單元素,拖拽drag 3.h5中新增的api,修改的api,廢棄的api 稍作了解離線儲存,audio,video 1.css選擇器 ...

前端最實用 全面的工具類方法

前端實用小工具

前端實用小工具

相對全面的前端知識點

相關推薦

前端最實用全面的工具類方法