摘要:前端業(yè)務(wù)代碼工具庫(kù)不定時(shí)更新目的高效率完成前端業(yè)務(wù)代碼業(yè)務(wù)開(kāi)發(fā)過(guò)程中,會(huì)經(jīng)常用到擴(kuò)展方法瀏覽器類(lèi)型判斷表單驗(yàn)證常用方法等常用函數(shù),為避免不同項(xiàng)目多次復(fù)制粘貼的麻煩,這里統(tǒng)一封裝,并發(fā)布到,以提高開(kāi)發(fā)效率。
utilscoreJS
前端業(yè)務(wù)代碼工具庫(kù)(不定時(shí)更新)
目的:高效率完成前端業(yè)務(wù)代碼
業(yè)務(wù)開(kāi)發(fā)過(guò)程中,會(huì)經(jīng)常用到String,Number,Array,Object,Function,Date擴(kuò)展方法、瀏覽器類(lèi)型判斷、base64、表單驗(yàn)證、url常用方法等常用函數(shù),為避免不同項(xiàng)目多次復(fù)制粘貼的麻煩,這里統(tǒng)一封裝,并發(fā)布到npm,以提高開(kāi)發(fā)效率。如果你也有常用的代碼,歡迎為本項(xiàng)目提交pr.
安裝使用直接下載dist目錄下的index.js使用,支持UMD,CMD,AMD各模塊化規(guī)范。
使用npm/yarn/cnpm安裝。
瀏覽器:npm
$ npm i utilscoreyarn
$ yarn add utilscorecnpm
$ cnpm i utilscore
React、VueJS,小程序等javascript環(huán)境
// 完整引入 import utilscore from "utilscore" let txt = utilscore.mask("12398765432",3,7) console.log(txt) // => "123****5432"
推薦使用方法
你真的不需要完整引入所有函數(shù),所以只引入需要使用的方法即可。
import { mask } from "utilscore" let txt = mask("12398765432",3,7) console.log(txt) // => "123****5432"API文檔
Object
deepClone 深度克隆。
orderBy 返回按屬性(props)和順序(orders)排序的對(duì)象數(shù)組,用于數(shù)據(jù)排序。
findPathByLeafId 根據(jù) key 遞歸查找鏈帶關(guān)系。
Array
uniqueBy 根據(jù)屬性去重?cái)?shù)組。
unique 普通數(shù)組去重。
maxNumBy 找出數(shù)組中該屬性最大值的一列。
minNumBy 找出數(shù)組中該屬性最小值的一列。
maxNum 數(shù)組中的最大值。
mixNum 數(shù)組中的最小值。
Date
formatTime 格式化時(shí)間。
formatHMS 將秒數(shù)轉(zhuǎn)為 xx小時(shí)xx分鐘xx秒 例如1h0m10s。
Function
debounceStart 函數(shù)防抖 (立即執(zhí)行版)。
debounceEnd 函數(shù)防抖 (非立即執(zhí)行版)。
debounce 函數(shù)防抖 (完全版)。
throttle 函數(shù)節(jié)流
String
mask 根據(jù)位置,使用 * 遮蔽字符串。
maskLeft 從位置左邊開(kāi)始,使用 * 遮蔽字符串。
maskRight 從位置右邊開(kāi)始,使用 * 遮蔽字符串。
randomHexColorCode 生成一個(gè)隨機(jī)的十六進(jìn)制顏色代碼。
getCounts 返回元素出現(xiàn)的次數(shù)。
uuid 全局唯一標(biāo)識(shí)符 UUID
guid GUID:128位的數(shù)字標(biāo)識(shí)符
Number
randomNum 返回指定范圍內(nèi)的隨機(jī)整數(shù)。
round 將數(shù)字四舍五入到指定的小數(shù)位數(shù)。
sum 返回兩個(gè)或兩個(gè)以上數(shù)字/數(shù)字?jǐn)?shù)組中元素之和。
sumBy 根據(jù)函數(shù)映射每個(gè)元素,然后返回?cái)?shù)組的和。
toDecimalMark 將數(shù)字轉(zhuǎn)化為千分位格式,將數(shù)字轉(zhuǎn)化為千分位格式,可以在數(shù)字前面加上符號(hào)。
TypeOf
isNull 判斷類(lèi)型Null。
isUndefined 判斷類(lèi)型Undefined。
isBoolean 判斷類(lèi)型Boolean。
isNumber 判斷類(lèi)型Number。
isString 判斷類(lèi)型String。
isSymbol 判斷類(lèi)型Symbol。
isObject 判斷類(lèi)型Object。
isRegExp 判斷類(lèi)型RegExp。
isArray 判斷類(lèi)型Array。
isFunction 判斷類(lèi)型Function。
getType 獲取類(lèi)型,全能型的typeOf。
url
insertUrl 根據(jù)對(duì)象中的參數(shù)匹配插入到url中。
URLSearchParams url 序列化和反序列化。
Url 返回網(wǎng)址的相關(guān)信息,模擬了 瀏覽器的 new URL(urlString) 部分功能
validator
graceChecker 表單驗(yàn)證。
base64
encode base64加密。
decode base64解密。
prototype
match_all 擴(kuò)展 String的原型方法 es2019的matchAll(未兼容瀏覽器)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/109575.html
摘要:總體介紹在互聯(lián)網(wǎng)金融行業(yè)一百多億其實(shí)也算不上大平臺(tái),也就是二級(jí)陣營(yíng)吧,其實(shí)每次的架構(gòu)升級(jí)都是隨著業(yè)務(wù)重大推進(jìn)而伴隨的,在前一代系統(tǒng)架構(gòu)上遇到的問(wèn)題,業(yè)務(wù)開(kāi)發(fā)過(guò)程中積累一些優(yōu)秀的開(kāi)發(fā)案例,在下一代系統(tǒng)開(kāi)發(fā)中就會(huì)大力推進(jìn)架構(gòu)升級(jí)。 回想起從公司成立敲出的第一行代碼算起到現(xiàn)在也快三年了,平臺(tái)的技術(shù)架構(gòu),技術(shù)體系也算是經(jīng)歷了四次比較重大的升級(jí)轉(zhuǎn)化(目前第四代架構(gòu)體系正在進(jìn)行中),臨近年底也想抽...
摘要:總體介紹在互聯(lián)網(wǎng)金融行業(yè)一百多億其實(shí)也算不上大平臺(tái),也就是二級(jí)陣營(yíng)吧,其實(shí)每次的架構(gòu)升級(jí)都是隨著業(yè)務(wù)重大推進(jìn)而伴隨的,在前一代系統(tǒng)架構(gòu)上遇到的問(wèn)題,業(yè)務(wù)開(kāi)發(fā)過(guò)程中積累一些優(yōu)秀的開(kāi)發(fā)案例,在下一代系統(tǒng)開(kāi)發(fā)中就會(huì)大力推進(jìn)架構(gòu)升級(jí)。 回想起從公司成立敲出的第一行代碼算起到現(xiàn)在也快三年了,平臺(tái)的技術(shù)架構(gòu),技術(shù)體系也算是經(jīng)歷了四次比較重大的升級(jí)轉(zhuǎn)化(目前第四代架構(gòu)體系正在進(jìn)行中),臨近年底也想抽...
摘要:首先我們得有一個(gè)主心庫(kù),這個(gè)庫(kù)十分重要,里面沒(méi)有業(yè)務(wù)邏輯的代碼,主要是平時(shí)開(kāi)發(fā)時(shí)所需要的所有腳本,以及的一些基本依賴(lài)。創(chuàng)建衍生庫(kù)因?yàn)槲覀兯许?xiàng)目圍繞主心庫(kù)而衍生出來(lái)的,所以衍生庫(kù)和主心庫(kù)的關(guān)心和關(guān)系一致。 如何工程化開(kāi)發(fā)大型angular2項(xiàng)目(上篇) 前請(qǐng)?zhí)嵋?目前前端項(xiàng)目越來(lái)越復(fù)雜,管理一個(gè)前端項(xiàng)目需要考慮的方面越來(lái)越多,例如工具選擇、項(xiàng)目構(gòu)建、代碼自動(dòng)review工具、代碼打包上...
摘要:,大家好,很榮幸有這個(gè)機(jī)會(huì)可以通過(guò)寫(xiě)博文的方式,把這些年在后端開(kāi)發(fā)過(guò)程中總結(jié)沉淀下來(lái)的經(jīng)驗(yàn)和設(shè)計(jì)思路分享出來(lái)模塊化設(shè)計(jì)根據(jù)業(yè)務(wù)場(chǎng)景,將業(yè)務(wù)抽離成獨(dú)立模塊,對(duì)外通過(guò)接口提供服務(wù),減少系統(tǒng)復(fù)雜度和耦合度,實(shí)現(xiàn)可復(fù)用,易維護(hù),易拓展項(xiàng)目中實(shí)踐例子 Hi,大家好,很榮幸有這個(gè)機(jī)會(huì)可以通過(guò)寫(xiě)博文的方式,把這些年在后端開(kāi)發(fā)過(guò)程中總結(jié)沉淀下來(lái)的經(jīng)驗(yàn)和設(shè)計(jì)思路分享出來(lái) 模塊化設(shè)計(jì) 根據(jù)業(yè)務(wù)場(chǎng)景,將業(yè)務(wù)...
閱讀 1158·2023-04-26 01:35
閱讀 2513·2021-11-02 14:44
閱讀 7640·2021-09-22 15:38
閱讀 2205·2021-09-06 15:11
閱讀 3719·2019-08-30 15:53
閱讀 795·2019-08-29 16:54
閱讀 631·2019-08-26 13:48
閱讀 1763·2019-08-26 13:47