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