utilscoreJS 前端業務代碼工具庫(不定時更新)

utilscoreJS

前端業務代碼工具庫(不定時更新)

目的：高效率完成前端業務代碼

業務開發過程當中，會常常用到String,Number,Array,Object,Function,Date擴展方法、瀏覽器類型判斷、base64、表單驗證、url經常使用方法等經常使用函數，爲避免不一樣項目屢次複製粘貼的麻煩，這裏統一封裝，併發布到npm，以提升開發效率。若是你也有經常使用的代碼，歡迎爲本項目提交pr.

安裝使用

1. 直接下載dist目錄下的index.js使用，支持UMD,CMD,AMD各模塊化規範。
2. 使用npm/yarn/cnpm安裝。

瀏覽器:

<script src="./node_modules/utilscore/dist/index.js"></script>
<!-- <script src="./dist/index.js"></script> -->
<script> let txt = utilscore.mask('12398765432',3,7) console.log(txt) // => "123****5432" </script>
複製代碼

npm

$ npm i utilscore
複製代碼

yarn

$ yarn add utilscore
複製代碼

cnpm

$ cnpm i utilscore
複製代碼

React、VueJS,小程序等javascript環境

// 完整引入
import utilscore from 'utilscore'
let txt = utilscore.mask('12398765432',3,7) 
console.log(txt) // => "123****5432"
複製代碼

推薦使用方法

你真的不須要完整引入全部函數，因此只引入須要使用的方法便可。

import { mask } from 'utilscore'
let txt = mask('12398765432',3,7) 
console.log(txt) // => "123****5432"
複製代碼

API文檔

Object

• deepClone 深度克隆。
• orderBy 返回按屬性(props)和順序(orders)排序的對象數組,用於數據排序。
• findPathByLeafId 根據 key 遞歸查找鏈帶關係。

Array

• uniqueBy 根據屬性去重數組。
• unique 普通數組去重。
• maxNumBy 找出數組中該屬性最大值的一列。
• minNumBy 找出數組中該屬性最小值的一列。
• maxNum 數組中的最大值。
• mixNum 數組中的最小值。

Date

• formatTime 格式化時間。
• formatHMS 將秒數轉爲 xx小時xx分鐘xx秒 例如1h0m10s。

Function

• debounceStart 函數防抖 (當即執行版)。
• debounceEnd 函數防抖 (非當即執行版)。
• debounce 函數防抖 (徹底版)。
• throttle 函數節流

String

• mask 根據位置,使用 * 遮蔽字符串。
• maskLeft 從位置左邊開始，使用 * 遮蔽字符串。
• maskRight 從位置右邊開始，使用 * 遮蔽字符串。
• randomHexColorCode 生成一個隨機的十六進制顏色代碼。
• getCounts 返回元素出現的次數。
• uuid 全局惟一標識符 UUID
• guid GUID:128位的數字標識符

Number

• randomNum 返回指定範圍內的隨機整數。
• round 將數字四捨五入到指定的小數位數。
• sum 返回兩個或兩個以上數字/數字數組中元素之和。
• sumBy 根據函數映射每一個元素，而後返回數組的和。
• toDecimalMark 將數字轉化爲千分位格式，將數字轉化爲千分位格式,能夠在數字前面加上符號。

TypeOf

• isNull 判斷類型Null。
• isUndefined 判斷類型Undefined。
• isBoolean 判斷類型Boolean。
• isNumber 判斷類型Number。
• isString 判斷類型String。
• isSymbol 判斷類型Symbol。
• isObject 判斷類型Object。
• isRegExp 判斷類型RegExp。
• isArray 判斷類型Array。
• isFunction 判斷類型Function。
• getType 獲取類型，全能型的typeOf。

url

• insertUrl 根據對象中的參數匹配插入到url中。
• URLSearchParams url 序列化和反序列化。
• Url 返回網址的相關信息，模擬了 瀏覽器的 new URL(urlString) 部分功能

validator

• graceChecker 表單驗證。

base64

• encode base64加密。
• decode base64解密。

prototype

• match_all 擴展 String的原型方法 es2019的matchAll（未兼容瀏覽器）。