摘要:最新版本見,點(diǎn)擊查看歷史版本提供一套實(shí)用的基礎(chǔ)函數(shù)任意格式的日期轉(zhuǎn)換函數(shù),瀏覽器相關(guān)操作函數(shù)等全局參數(shù)設(shè)置默認(rèn)全局參數(shù)基礎(chǔ)函數(shù)判斷是否非數(shù)值判斷是否為有限數(shù)值判斷判斷是否數(shù)組判斷是否小數(shù)判斷是否整數(shù)判斷是否對(duì)象判斷是否對(duì)象判斷是否對(duì)象判斷是
最新版本見 Github,點(diǎn)擊查看歷史版本
XEUtils 提供一套實(shí)用的基礎(chǔ)函數(shù)、任意格式的日期轉(zhuǎn)換函數(shù),瀏覽器相關(guān)操作函數(shù)等...
API
全局參數(shù)
setup ( options ) 設(shè)置默認(rèn)全局參數(shù)
基礎(chǔ)函數(shù)
isNaN (val) 判斷是否非數(shù)值
isFinite (val) 判斷是否為有限數(shù)值
isUndefined (val) 判斷 Undefined
isArray (val) 判斷是否數(shù)組
isFloat (val) 判斷是否小數(shù)
isInteger (val) 判斷是否整數(shù)
isBoolean (val) 判斷是否 Boolean 對(duì)象
isString (val) 判斷是否 String 對(duì)象
isNumber (val) 判斷是否 Number 對(duì)象
isRegExp (val) 判斷是否 RegExp 對(duì)象
isObject (val) 判斷是否 Object 對(duì)象
isPlainObject (val) 判斷是否是一個(gè)對(duì)象
isDate (val) 判斷是否 Date 對(duì)象
isError (val) 判斷是否 Error 對(duì)象
isTypeError (val) 判斷是否 TypeError 對(duì)象
isEmpty (val) 判斷是否為空,包括空對(duì)象、空數(shù)值、空字符串
isNull (val) 判斷是否為 Null
isSymbol (val) 判斷是否 Symbol 對(duì)象
isArguments (val) 判斷是否 Arguments 對(duì)象
isElement (val) 判斷是否 Element 對(duì)象
isDocument (val) 判斷是否 Document 對(duì)象
isWindow (val) 判斷是否 Window 對(duì)象
isFormData (val) 判斷是否 FormData 對(duì)象
isMap (val) 判斷是否 Map 對(duì)象
isWeakMap (val) 判斷是否 WeakMap 對(duì)象
isSet (val) 判斷是否 Set 對(duì)象
isWeakSet (val) 判斷是否 WeakSet 對(duì)象
isLeapYear (date) 判斷是否閏年
isEqual (obj1, obj2) 深度比較兩個(gè)對(duì)象之間的值是否相等
isDateSame (date1, date2, format) 判斷兩個(gè)日期是否相同
常用函數(shù)
toNumber ( num ) 轉(zhuǎn)數(shù)值
toInteger ( num ) 轉(zhuǎn)整數(shù)
toFixedNumber ( num, digits ) 和 Number.toFixed 類似,區(qū)別就是不會(huì)對(duì)小數(shù)進(jìn)行四舍五入,結(jié)果返回?cái)?shù)值
toFixedString ( num, digits ) 和 Number.toFixed 類似,區(qū)別就是不會(huì)對(duì)小數(shù)進(jìn)行四舍五入,結(jié)果返回字符串
toArray ( array ) 將對(duì)象或者偽數(shù)組轉(zhuǎn)為新數(shù)組
toStringJSON (str) 字符串轉(zhuǎn) JSON
toJSONString (obj) JSON 轉(zhuǎn)字符串
getType (obj) 獲取對(duì)象類型
getSize ( obj ) 返回對(duì)象的長(zhǎng)度
uniqueId ( prefix ) 獲取一個(gè)全局唯一標(biāo)識(shí)
uniq ( array ) 數(shù)組去重
union ( ...array ) 將多個(gè)數(shù)的值返回唯一的并集數(shù)組
random ( min, max ) 獲取一個(gè)指定范圍內(nèi)隨機(jī)數(shù)
range ( start, stop, step ) 序號(hào)列表生成函數(shù)
clear (obj[, defs, assigns]) 清空對(duì)象; defs如果不傳(清空所有屬性)、如果傳對(duì)象(清空并繼承)、如果傳值(給所有賦值)
remove (obj, iteratee) 移除對(duì)象屬性
assign (destination, ...sources) 淺拷貝一個(gè)或者多個(gè)對(duì)象到目標(biāo)對(duì)象中,如果第一值是true,則使用深拷貝
clone (obj, deep) 淺拷貝/深拷貝
destructuring (obj, ...target) 將一個(gè)或者多個(gè)對(duì)象值解構(gòu)到目標(biāo)對(duì)象
trim ( str ) 去除字符串左右兩邊的空格
trimLeft ( str ) 去除字符串左邊的空格
trimRight ( str ) 去除字符串右邊的空格
escape ( str ) 轉(zhuǎn)義HTML字符串,替換&, <, >, ", ", `字符
unescape ( str ) 反轉(zhuǎn) escape
camelCase ( str ) 將帶駝峰字符串轉(zhuǎn)成字符串
kebabCase ( str ) 將字符串轉(zhuǎn)成駝峰字符串
repeat ( str, count ) 將字符串重復(fù) n 次
padStart ( str, targetLength, padString ) 用指定字符從前面開始補(bǔ)全字符串
padEnd ( str, targetLength [, padString] ) 用指定字符從后面開始補(bǔ)全字符串
startsWith ( str, val [, startIndex] ) 判斷字符串是否在源字符串的頭部
endsWith ( str, val [, startIndex] ) 判斷字符串是否在源字符串的尾部
slice ( array, start, end ) 裁剪 Arguments 或數(shù)組 array,從 start 位置開始到 end 結(jié)束,但不包括 end 本身的位置
indexOf (obj, val) 返回對(duì)象第一個(gè)索引值
findIndexOf (obj, iteratee [, context]) 返回對(duì)象第一個(gè)索引值
lastIndexOf (obj, val) 從最后開始的索引值,返回對(duì)象第一個(gè)索引值
findLastIndexOf (obj, iteratee [, context]) 從最后開始的索引值,返回對(duì)象第一個(gè)索引值
includes (obj, val) 判斷對(duì)象是否包含該值,成功返回 true 否則 false
includeArrays (array1, array2) 判斷數(shù)組是否包含另一數(shù)組
each ( obj, iteratee [, context] ) 通用迭代器
arrayEach ( obj, iteratee [, context] ) 數(shù)組迭代器
objectEach ( obj, iteratee [, context] ) 對(duì)象迭代器
lastEach ( obj, iteratee [, context] ) 通用迭代器,從最后開始迭代
lastArrayEach ( obj, iteratee [, context] ) 數(shù)組迭代器,從最后開始迭代
lastObjectEach ( obj, iteratee [, context] ) 對(duì)象迭代器,從最后開始迭代
forOf ( obj, iteratee [, context] ) 通用迭代器,支持 return false 跳出循環(huán) break
lastForOf ( obj, iteratee [, context] ) 通用迭代器,從最后開始迭代,支持 return false 跳出循環(huán) break
keys (obj) 獲取對(duì)象所有屬性
values (obj) 獲取對(duì)象所有值
entries (obj) 獲取對(duì)象所有屬性、值
first (obj) 獲取對(duì)象第一個(gè)值
last (obj) 獲取對(duì)象最后一個(gè)值
groupBy ( obj, iteratee [, context] ) 集合分組,默認(rèn)使用鍵值分組,如果有 iteratee 則使用結(jié)果進(jìn)行分組
countBy ( obj, iteratee [, context] ) 集合分組統(tǒng)計(jì),返回各組中對(duì)象的數(shù)量統(tǒng)計(jì)
sortBy ( arr, iteratee [, context] ) 數(shù)組按屬性值升序
shuffle ( array ) 將一個(gè)數(shù)組隨機(jī)打亂,返回一個(gè)新的數(shù)組
sample ( array, number ) 從一個(gè)數(shù)組中隨機(jī)返回幾個(gè)元素
some ( obj, iteratee [, context] ) 對(duì)象中的值中的每一項(xiàng)運(yùn)行給定函數(shù),如果函數(shù)對(duì)任一項(xiàng)返回 true,則返回 true,否則返回 false
every ( obj, iteratee [, context] ) 對(duì)象中的值中的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對(duì)每一項(xiàng)都返回 true,則返回 true,否則返回 false
filter ( obj, iteratee [, context] ) 根據(jù)回調(diào)過濾數(shù)據(jù)
find ( obj, iteratee [, context] ) 查找匹配第一條數(shù)據(jù)
findKey ( obj, iteratee [, context] ) 查找匹配第一條數(shù)據(jù)的鍵
map ( obj, iteratee [, context] ) 指定方法后的返回值組成的新數(shù)組
objectMap ( obj, iteratee [, context] ) 指定方法后的返回值組成的新對(duì)象
pick (obj, array) 根據(jù) keys 過濾指定的屬性值 或者 接收一個(gè)判斷函數(shù),返回一個(gè)新的對(duì)象
omit (obj, array) 根據(jù) keys 排除指定的屬性值 或者 接收一個(gè)判斷函數(shù),返回一個(gè)新的對(duì)象
copyWithin ( array, target, start [, end] ) 淺復(fù)制數(shù)組的一部分到同一數(shù)組中的另一個(gè)位置,數(shù)組大小不變
sum ( obj, iteratee [, context] ) 求和函數(shù),將數(shù)值相加
mean ( obj, iteratee [, context] ) 求平均值函數(shù)
reduce ( array, iteratee [, initialValue] ) 接收一個(gè)函數(shù)作為累加器,數(shù)組中的每個(gè)值(從左到右)開始合并,最終為一個(gè)值
chunk ( array, size ) 將一個(gè)數(shù)組分割成大小的組。如果數(shù)組不能被平均分配,那么最后一塊將是剩下的元素
min ( arrb[, iteratee] ) 獲取最小值
max ( arr [, iteratee] ) 獲取最大值
commafy ( num [, options] ) 數(shù)值千分位分隔符、小數(shù)點(diǎn)
日期函數(shù)
now ( ) 返回當(dāng)前時(shí)間戳
timestamp ( date[, format] ) 將日期轉(zhuǎn)為時(shí)間戳
toStringDate ( str, format ) 任意格式字符串轉(zhuǎn)為日期
toDateString ( date [, format, options] ) 日期格式化為任意格式字符串
getWhatYear ( date, year [, month] ) 返回前幾年或后幾年的日期,可以指定年初(first)、年末(last)、月份(0~11),默認(rèn)當(dāng)前
getWhatMonth ( date, month [, day] ) 返回前幾月或后幾月的日期,可以指定月初(first)、月末(last)、天數(shù),默認(rèn)當(dāng)前
getWhatWeek ( date, week [, day] ) 返回前幾周或后幾周的日期,可以指定星期幾(0~6),默認(rèn)當(dāng)前
getWhatDay ( date, day [, mode] ) 返回前幾天或后幾天的日期
getDayOfYear ( date [, year] ) 返回某個(gè)年份的天數(shù),可以指定前幾個(gè)年或后幾個(gè)年,默認(rèn)當(dāng)前
getYearDay ( date ) 返回某個(gè)年份的第幾天
getYearWeek ( date ) 返回某個(gè)年份的第幾周
getMonthWeek ( date ) 返回某個(gè)月份的第幾周
getDayOfMonth ( date [, month] ) 返回某個(gè)月份的天數(shù),可以指定前幾個(gè)月或后幾個(gè)月,默認(rèn)當(dāng)前
getDateDiff ( startDate, endDate [, rules] ) 返回兩個(gè)日期之間差距,如果結(jié)束日期小于開始日期 done 為 fasle
高級(jí)函數(shù)
toArrayTree ( array, options ) 一個(gè)高性能的樹結(jié)構(gòu)轉(zhuǎn)換函數(shù),將一個(gè)帶層級(jí)的數(shù)據(jù)列表轉(zhuǎn)成樹結(jié)構(gòu)
toTreeArray ( array, options ) 將一個(gè)樹結(jié)構(gòu)轉(zhuǎn)成數(shù)組列表
property ( path ) 返回一個(gè)獲取對(duì)象屬性的函數(shù)
pluck ( array, key ) 獲取數(shù)組對(duì)象中某屬性值,返回一個(gè)數(shù)組
invoke ( list, path, ...arguments ) 在list的每個(gè)元素上執(zhí)行方法,任何傳遞的額外參數(shù)都會(huì)在調(diào)用方法的時(shí)候傳遞給它
zip ( ) 將每個(gè)數(shù)組中相應(yīng)位置的值合并在一起
unzip ( arrays ) 與 zip 相反
delay (callback, wait[, ...arguments]) 該方法和 setTimeout 一樣的效果,區(qū)別就是支持額外參數(shù)
bind (callback, context[, ...arguments]) 創(chuàng)建一個(gè)綁定上下文的函數(shù)
once (callback, context[, ...arguments]) 創(chuàng)建一個(gè)只能調(diào)用一次的函數(shù),只會(huì)返回第一次執(zhí)行后的結(jié)果
after (count, callback, context) 創(chuàng)建一個(gè)函數(shù), 調(diào)用次數(shù)超過 count 次之后執(zhí)行回調(diào)并將所有結(jié)果記住后返回
before (count, callback, context) 創(chuàng)建一個(gè)函數(shù), 調(diào)用次數(shù)不超過 count 次之前執(zhí)行回調(diào)并將所有結(jié)果記住后返回
throttle (callback, wait[, options]) 創(chuàng)建一個(gè)策略函數(shù),當(dāng)被重復(fù)調(diào)用函數(shù)的時(shí)候,至少每隔多少秒毫秒調(diào)用一次該函數(shù)
debounce (callback, wait[, options]) 創(chuàng)建一個(gè)防反跳策略函數(shù),在函數(shù)最后一次調(diào)用多少毫秒之后才會(huì)再次執(zhí)行,如果在期間內(nèi)重復(fù)調(diào)用會(huì)重新計(jì)算延遲
瀏覽器函數(shù)
serialize ( query ) 序列化查詢參數(shù)
unserialize ( str ) 反轉(zhuǎn)序列化查詢參數(shù)
browse ( ) 獲取瀏覽器信息
locat ( ) 獲取地址欄信息
parseUrl ( url ) 解析 URL 參數(shù)
getBaseURL ( ) 獲取上下文路徑
cookie ( name, value, options ) Cookie 操作函數(shù)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/93175.html
npm install xe-utils vxe-utils --save 通過 Vue.use() 來全局安裝 import Vue from vue import XEUtils from xe-utils import VXEUtils from vxe-utils // mounts 可以設(shè)置[cookie, browse, locat] Vue.use(VXEUtils, XEUtil...
摘要:相比于開發(fā)人員的數(shù)量,目前框架類庫和工具的數(shù)量似乎更多一些。本文將會(huì)討論目前最為流行的客戶端框架類庫和工具以及它們之間的基本差異。典型的類庫包括字符串處理日期元素事件動(dòng)畫網(wǎng)絡(luò)請(qǐng)求等功能。所以不需要明確的區(qū)分類庫框架和工具。 相比于JavaScript開發(fā)人員的數(shù)量,目前JavaScript框架、類庫和工具的數(shù)量似乎更多一些。截至2017年5月,GitHub上的快速搜索顯示,有超過110...
摘要:頁面調(diào)試騰訊開發(fā)維護(hù)的代碼調(diào)試發(fā)布,錯(cuò)誤監(jiān)控上報(bào),用戶問題定位。同樣是由騰訊開發(fā)維護(hù)的代碼調(diào)試工具,是針對(duì)移動(dòng)端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫。動(dòng)畫庫動(dòng)畫庫,也是目前通用的動(dòng)畫庫。 本人微信公眾號(hào):前端修煉之路,歡迎關(guān)注 本篇文章整理自己使用過的和看到過的一些插件和工具,方便日后自己查找和使用。 另外,感謝白小明,文中很多的工具來源于此。 彈出框 layer:http://layer....
摘要:轉(zhuǎn)載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:轉(zhuǎn)載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...
閱讀 2070·2023-04-26 01:33
閱讀 1689·2023-04-26 00:52
閱讀 1083·2021-11-18 13:14
閱讀 5660·2021-09-26 10:18
閱讀 2941·2021-09-22 15:52
閱讀 1523·2019-08-29 17:15
閱讀 3048·2019-08-29 16:11
閱讀 1062·2019-08-29 16:11