網(wǎng)友評(píng)分:
5分
outils是個(gè)前端業(yè)務(wù)代碼工具庫,程序員必備,業(yè)務(wù)開發(fā)過程中,會(huì)經(jīng)常用到日期格式化、url參數(shù)轉(zhuǎn)對(duì)象、瀏覽器類型判斷、節(jié)流函數(shù)等常用函數(shù),為避免不同項(xiàng)目多次復(fù)制粘貼的麻煩,這outils工具對(duì)其進(jìn)行統(tǒng)一的封裝,并發(fā)布到npm,以提高開發(fā)效率。
1、直接下載min目錄下的outils.min.js使用,支持UMD通用模塊規(guī)范
2、使用npm安裝
【Array】
arrayEqual:判斷兩個(gè)數(shù)組是否相等
【Class】
addClass:為元素添加class
hasClass:判斷元素是否有某個(gè)class
removeClass:為元素移除class
【Cookie】
getCookie:根據(jù)name讀取Cookie
removeCookie:根據(jù)name刪除Cookie
setCookie:添加Cookie
【Device】
getExplore:獲取瀏覽器類型和版本號(hào)
getOS:獲取操作系統(tǒng)類型
【Dom】
getScrollTop:獲取滾動(dòng)條距頂部的距離
offset:獲取一個(gè)元素的距離文檔(document)的位置,類似jQ中的offset()
scrollTo:在${duration}時(shí)間內(nèi),滾動(dòng)條平滑滾動(dòng)到${to}指定位置
setScrollTop:設(shè)置滾動(dòng)條距頂部的距離
windowResize:H5軟鍵盤縮回、彈起回調(diào)
【Function】
debounce:函數(shù)防抖
throttle:函數(shù)節(jié)流
【Keycode】
getKeyName:根據(jù)keycode獲得鍵名
【Object】
deepClone:深拷貝,支持常見類型
isEmptyObject:判斷Object是否為空
【Random】
randomColor :隨機(jī)生成顏色
randomNum:生成指定范圍隨機(jī)數(shù)
【Regexp】
isColor:判斷是否為16進(jìn)制顏色,rgb 或 rgba
isEmail:判斷是否為郵箱地址
isIdCard:判斷是否為身份證號(hào)
isPhoneNum:判斷是否為手機(jī)號(hào)
isUrl:判斷是否為URL地址
【String】
digitUppercase:現(xiàn)金額轉(zhuǎn)大寫
【Support】
isSupportWebP:判斷瀏覽器是否支持webP格式圖片
【Time】
formatPassTime:格式化${startTime}距現(xiàn)在的已過時(shí)間
formatRemainTime:格式化現(xiàn)在距${endTime}的剩余時(shí)間
isLeapYear:判斷是否為閏年
isSameDay:判斷是否為同一天
timeLeft:計(jì)算${startTime - endTime}的剩余時(shí)間
monthDays:獲取指定日期月份的總天數(shù)
【Url】
parseQueryString:url參數(shù)轉(zhuǎn)對(duì)象
stringfyQueryString:對(duì)象序列化
關(guān)于本站|下載幫助|下載聲明|軟件發(fā)布|聯(lián)系我們
Copyright ? 2005-2024 m.daaijiaoyu.cn.All rights reserved.
浙ICP備2024132706號(hào)-1 浙公網(wǎng)安備33038102330474號(hào)