摘要:最新版本見,點(diǎn)擊查看歷史版本提供一套實(shí)用的基礎(chǔ)函數(shù)任意格式的日期轉(zhuǎn)換函數(shù),瀏覽器相關(guān)操作函數(shù)等全局參數(shù)設(shè)置默認(rèn)全局參數(shù)基礎(chǔ)函數(shù)判斷是否非數(shù)值判斷是否為有限數(shù)值判斷判斷是否數(shù)組判斷是否小數(shù)判斷是否整數(shù)判斷是否對象判斷是否對象判斷是否對象判斷是
最新版本見 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 對象
isString (val) 判斷是否 String 對象
isNumber (val) 判斷是否 Number 對象
isRegExp (val) 判斷是否 RegExp 對象
isObject (val) 判斷是否 Object 對象
isPlainObject (val) 判斷是否是一個(gè)對象
isDate (val) 判斷是否 Date 對象
isError (val) 判斷是否 Error 對象
isTypeError (val) 判斷是否 TypeError 對象
isEmpty (val) 判斷是否為空,包括空對象、空數(shù)值、空字符串
isNull (val) 判斷是否為 Null
isSymbol (val) 判斷是否 Symbol 對象
isArguments (val) 判斷是否 Arguments 對象
isElement (val) 判斷是否 Element 對象
isDocument (val) 判斷是否 Document 對象
isWindow (val) 判斷是否 Window 對象
isFormData (val) 判斷是否 FormData 對象
isMap (val) 判斷是否 Map 對象
isWeakMap (val) 判斷是否 WeakMap 對象
isSet (val) 判斷是否 Set 對象
isWeakSet (val) 判斷是否 WeakSet 對象
isLeapYear (date) 判斷是否閏年
isEqual (obj1, obj2) 深度比較兩個(gè)對象之間的值是否相等
isDateSame (date1, date2, format) 判斷兩個(gè)日期是否相同
常用函數(shù)
toNumber ( num ) 轉(zhuǎn)數(shù)值
toInteger ( num ) 轉(zhuǎn)整數(shù)
toFixedNumber ( num, digits ) 和 Number.toFixed 類似,區(qū)別就是不會(huì)對小數(shù)進(jìn)行四舍五入,結(jié)果返回?cái)?shù)值
toFixedString ( num, digits ) 和 Number.toFixed 類似,區(qū)別就是不會(huì)對小數(shù)進(jìn)行四舍五入,結(jié)果返回字符串
toArray ( array ) 將對象或者偽數(shù)組轉(zhuǎn)為新數(shù)組
toStringJSON (str) 字符串轉(zhuǎn) JSON
toJSONString (obj) JSON 轉(zhuǎn)字符串
getType (obj) 獲取對象類型
getSize ( obj ) 返回對象的長度
uniqueId ( prefix ) 獲取一個(gè)全局唯一標(biāo)識
uniq ( array ) 數(shù)組去重
union ( ...array ) 將多個(gè)數(shù)的值返回唯一的并集數(shù)組
random ( min, max ) 獲取一個(gè)指定范圍內(nèi)隨機(jī)數(shù)
range ( start, stop, step ) 序號列表生成函數(shù)
clear (obj[, defs, assigns]) 清空對象; defs如果不傳(清空所有屬性)、如果傳對象(清空并繼承)、如果傳值(給所有賦值)
remove (obj, iteratee) 移除對象屬性
assign (destination, ...sources) 淺拷貝一個(gè)或者多個(gè)對象到目標(biāo)對象中,如果第一值是true,則使用深拷貝
clone (obj, deep) 淺拷貝/深拷貝
destructuring (obj, ...target) 將一個(gè)或者多個(gè)對象值解構(gòu)到目標(biāo)對象
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) 返回對象第一個(gè)索引值
findIndexOf (obj, iteratee [, context]) 返回對象第一個(gè)索引值
lastIndexOf (obj, val) 從最后開始的索引值,返回對象第一個(gè)索引值
findLastIndexOf (obj, iteratee [, context]) 從最后開始的索引值,返回對象第一個(gè)索引值
includes (obj, val) 判斷對象是否包含該值,成功返回 true 否則 false
includeArrays (array1, array2) 判斷數(shù)組是否包含另一數(shù)組
each ( obj, iteratee [, context] ) 通用迭代器
arrayEach ( obj, iteratee [, context] ) 數(shù)組迭代器
objectEach ( obj, iteratee [, context] ) 對象迭代器
lastEach ( obj, iteratee [, context] ) 通用迭代器,從最后開始迭代
lastArrayEach ( obj, iteratee [, context] ) 數(shù)組迭代器,從最后開始迭代
lastObjectEach ( obj, iteratee [, context] ) 對象迭代器,從最后開始迭代
forOf ( obj, iteratee [, context] ) 通用迭代器,支持 return false 跳出循環(huán) break
lastForOf ( obj, iteratee [, context] ) 通用迭代器,從最后開始迭代,支持 return false 跳出循環(huán) break
keys (obj) 獲取對象所有屬性
values (obj) 獲取對象所有值
entries (obj) 獲取對象所有屬性、值
first (obj) 獲取對象第一個(gè)值
last (obj) 獲取對象最后一個(gè)值
groupBy ( obj, iteratee [, context] ) 集合分組,默認(rèn)使用鍵值分組,如果有 iteratee 則使用結(jié)果進(jìn)行分組
countBy ( obj, iteratee [, context] ) 集合分組統(tǒng)計(jì),返回各組中對象的數(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] ) 對象中的值中的每一項(xiàng)運(yùn)行給定函數(shù),如果函數(shù)對任一項(xiàng)返回 true,則返回 true,否則返回 false
every ( obj, iteratee [, context] ) 對象中的值中的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對每一項(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] ) 指定方法后的返回值組成的新對象
pick (obj, array) 根據(jù) keys 過濾指定的屬性值 或者 接收一個(gè)判斷函數(shù),返回一個(gè)新的對象
omit (obj, array) 根據(jù) keys 排除指定的屬性值 或者 接收一個(gè)判斷函數(shù),返回一個(gè)新的對象
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
高級函數(shù)
toArrayTree ( array, options ) 一個(gè)高性能的樹結(jié)構(gòu)轉(zhuǎn)換函數(shù),將一個(gè)帶層級的數(shù)據(jù)列表轉(zhuǎn)成樹結(jié)構(gòu)
toTreeArray ( array, options ) 將一個(gè)樹結(jié)構(gòu)轉(zhuǎn)成數(shù)組列表
property ( path ) 返回一個(gè)獲取對象屬性的函數(shù)
pluck ( array, key ) 獲取數(shù)組對象中某屬性值,返回一個(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/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ū)分類庫框架和工具。 相比于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)試工具,是針對移動(dòng)端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫。動(dòng)畫庫動(dòng)畫庫,也是目前通用的動(dòng)畫庫。 本人微信公眾號:前端修煉之路,歡迎關(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...
閱讀 2113·2023-04-26 01:33
閱讀 1729·2023-04-26 00:52
閱讀 1123·2021-11-18 13:14
閱讀 5862·2021-09-26 10:18
閱讀 2977·2021-09-22 15:52
閱讀 1559·2019-08-29 17:15
閱讀 3086·2019-08-29 16:11
閱讀 1089·2019-08-29 16:11