国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

utilscoreJS 前端業(yè)務(wù)代碼工具庫(kù)(不定時(shí)更新)

Kosmos / 630人閱讀

摘要:前端業(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 utilscore
yarn
$ yarn add utilscore
cnpm
$ 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

相關(guān)文章

  • 從零到百億互聯(lián)網(wǎng)金融架構(gòu)發(fā)展史

    摘要:總體介紹在互聯(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)行中),臨近年底也想抽...

    mrcode 評(píng)論0 收藏0
  • 從零到百億互聯(lián)網(wǎng)金融架構(gòu)發(fā)展史

    摘要:總體介紹在互聯(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)行中),臨近年底也想抽...

    U2FsdGVkX1x 評(píng)論0 收藏0
  • 如何工程化開(kāi)發(fā)大型angular2項(xiàng)目(上篇)

    摘要:首先我們得有一個(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工具、代碼打包上...

    codeKK 評(píng)論0 收藏0
  • 大話(huà)后端開(kāi)發(fā)的奇淫技巧大集合

    摘要:,大家好,很榮幸有這個(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ù)...

    CloudwiseAPM 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<