xmweb-utils
v0.0.8
Published
前端常用工具函数、方法
Downloads
2
Maintainers
veseriseReadme
📚 xmweb-utils
x-util是一个JS工具包类库，包含validate 校验、date时间处理、array数组、sort排序等，组成各种Util工具类。
- 可以根据项目需求对每个模块单独引入，也可以引入所有模块。
📦 安装
使用 npm 安装
npm install xmweb-utils -SHTML直接引入
<!DOCTYPE html> <html lang="en"> <body> <script src="/index.umd.js"></script> <script> console.log(xutil.array.arrayMax([1,2,3])) </script> </body> </html>
🎨 使用
ESM导入使用
/** * 全部引入 */ import xutil from 'xmweb-utils' console.log(xutil.array.arrayMax([1,2,3])) /** * 按需引入: 例如数组 */ import array from 'xmweb-utils/array' console.log(array.arrayMax([1,2,3])) // 或者 import { arrayMax } from 'xmweb-utils/array' console.log(arrayMax([1,2,3]))RequireJS导入使用
/** * 全部加载 */ const xutil = require('xmweb-utils') console.log(xutil.array.arrayMax([1,2,3])) /** * 按需加载: 例如数组 */ const array = require('xmweb-utils/array') console.log(array.arrayMax([1,2,3])) // 或者 const { arrayMax } = require('xmweb-utils/array') console.log(arrayMax([1,2,3]))
模块
array
chunk 数组分组
compact 过滤数组假值元素
countBy 数组分组
difference 获取数组差集
countOccurrences 计算元素出现次数
deepflatten 深度平铺数组
difference 数组比较差异
differenceWith 根据函数比较数组差异
dropElements 删除元素
arraySum 数字数组的总和
everyNth 获取数组中的每组的第n个元素
filterNoUnique 过滤掉数组中的非唯一值
flatten 按层次平铺数组
forEachRight 反方向遍历
groupBy 按函数分组
indexOfAll 查找元素的所有索引
init2DArray 初始化一个二维数组
intersection 两个数组中都存在的元素
isSorted 是否是排序数组
join 数组拼接成字符串
longsItem 数组中最长的
mapObject 数组转object映射
occunrrence 计算元素出现的次数
pick 提取数组元素
pull 删除数组元素
pullAtIndex 按索引删除元素
pullAtValue 按值删除元素
reducedFilter 过滤一个对象数组
sample 随机获取数组元素
similar 获取数组交集
union 数组合集
intersect 两个数组的交集
rotate 将数组中的元素向右移动 k 个位置
singleNumber 只出现一次的number
median 数组中间值object
mergeObject 组合对象合并
mapKeys 提供函数生成的键生成一个新对象
mapValues 提供函数返回的值映射一个新对象
lowerCaseKeys 小写对象属性名
isValidKey 检测 Object 的 key
deepClone 拷贝
deleteKey 从 JSON 对象删除除了指定属性之外的任何其他属性date
parseTime 时间处理[new Date() => {y}年{m}月{d}日 {h}时{i}分{s}秒]
math
average 求平均数
averageBy 根据条件求平均数
digitize 转化为整数
sum 求和
toSafeInteger 安全整数
pascal 帕斯卡三角
randomNumberInRange 生成数字范围内的随机数
distance 两点之间的距离
isEven 给定的数字为偶数, 则返回true, 否则为false。color
hexToRgba 16进制颜色转rgba
colorHex rgb转hex
colorToRgb hex转rgb
colorRgbArray 将hex表示方式转换为rgb表示方式(这里返回rgb数组模式)
gradientColor 两颜色之间划分等份
sort
bubbleSort 冒泡排序
countingSort 计数排序
heapSort 堆排序
insertionSort 插入排序
mergeSort 归并排序
quickSort 快速排序
radixSort 基数排序
selectionSort 选择排序
shellSort 希尔排序字符串
turnCase 转换大小写
byteLength 字节长度
reverseString 反转字符串
sortCharactersInString 按字母顺序对字符串中的字符进行排序
dom
browserWidth 获取浏览器视窗宽度
browserHeight 获取浏览器视窗高度
scrollToTop 滚动到页面顶部
smoothScroll 滚动到元素位置
getURLParameters 返回一个包含当前 URL 参数的对象