xmweb-utils

v0.0.8

Published

8 months ago

前端常用工具函数、方法

Downloads

0High
0Medium
0Low

veserise

utils javascript typescript rollup gulp common-utils

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

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

📚 xmweb-utils

📦 安装

🎨 使用

模块

array

object

date

math

color

sort

字符串

dom