Xmweb-utils NPM

📚 xmweb-utils

x-util是一个JS工具包类库，包含validate 校验、date时间处理、array数组、sort排序等，组成各种Util工具类。

可以根据项目需求对每个模块单独引入，也可以引入所有模块。

📦 安装

使用 npm 安装
```
npm install xmweb-utils -S
```

HTML直接引入

<!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 参数的对象

utils javascript typescript rollup gulp common-utils

@everything-registry/sub-chunk-3187

7 months ago

7 months ago

7 months ago

7 months ago

9 months ago

9 months ago

9 months ago

9 months ago