当前位置:首页 >探索 >50+常用工具函数之xijs更新日志(v1.2.4)

50+常用工具函数之xijs更新日志(v1.2.4)

2024-06-28 16:58:56 [百科] 来源:避面尹邢网

50+常用工具函数之xijs更新日志(v1.2.4)

作者:徐小夕 开发 开发工具 Xijs 是常用一款开箱即用的 JS 业务工具库, 聚集于解决业务中遇到的常用函数逻辑问题, 帮助开发者更高效的开展业务开发。

xijs 是工具s更一款开箱即用的 js 业务工具库, 聚集于解决业务中遇到的常用函数逻辑问题, 帮助开发者更高效的开展业务开发。

50+常用工具函数之xijs更新日志(v1.2.4)

接下来就和大家一起分享一下v1.2.4 版本的函数更新内容以及后续的更新方向。

50+常用工具函数之xijs更新日志(v1.2.4)

1. dom分类添加xss函数

该模块主要由 Kevin 贡献,新日 具体介绍如下:

50+常用工具函数之xijs更新日志(v1.2.4)

图片

使用方式:

import {  xss } from 'xijs';let html = '<a href="#">Me & you</a>'console.log(xss(html))html = '<a href="javascipt: 0">Me & you</a>'console.log(xss(html))

2、dom分类添加基于文本,常用 url, 下载文件功能

该模块主要由 EasyRo 贡献, 包含两个方法:

  • downloadFileWithText

图片

  • downloadFileWithUrl

图片

具体使用如下:

import {  downloadFileWithText,downloadFileWithUrl} from 'xijs';// 下载内容为 xijs 的txt文件downloadFileWithText('xijs');// 请求链接为 url 的文件downloadFileWithUrl('url', 'xxx.xx');

3、图片处理函数分类添加生成随机颜色函数

该模块主要由 bigFace2019 贡献,工具s更 具体使用如下:

import {  genRandomColor } from 'xijs';// 获取随机颜色'hsl'|'hsla'|'rgb'|'rgba'|16,默认是函数rgb格式。const color = genRandomColor('rgba');

4、新日时间计算函数

该模块主要由 wujixialan 贡献,常用 具体介绍如下:

图片

具体使用如下:

// 按需引入的方式import { dateCalculate, formatDate} from 'xijs';let data = new Date('2020-01-01')console.log('year:', dateCalculate(data, -1, 'year'))data = new Date('2020-01-01')console.log('month:', dateCalculate(data, -1, 'month'))data = new Date('2020-01-01')console.log('day:', dateCalculate(data, -1, 'day'))data = new Date('2020-01-01 08:00:00')console.log('hour:', dateCalculate(data, -1, 'hour'))data = new Date('2020-01-01 08:00:00')console.log('minute:', dateCalculate(data, -1, 'minute'))data = new Date('2020-01-01 08:00:00')console.log('second:', dateCalculate(data, -1, 'second'))

5、数据结构相关分类添加时间计算函数(基于指定的工具s更时间, 判断现在距离指定时间的计算, 比如一天前, 2天前, 3天前, 4天前, 5天前, 6天前, 一周前, 一个月前, 一年前, n分钟前, n小时前)

该模块主要由 ayangweb 贡献, 具体介绍如下:

图片

使用方法如下:

import {  timeCutStr } from 'xijs';// 以下所有计算都以当前时间 2023-4-23 23:59:59 为例let diff = timeCutStr(+new Date('2023-4-23 23:59:59'));console.log(diff); // 刚刚diff = timeCutStr(String(+new Date('2023-4-23 23:59:58')));console.log(diff); // 1秒前diff = timeCutStr('2023-4-23 23:58:30');console.log(diff); // 1分钟前diff = timeCutStr('2023-4-23 22:58:30');console.log(diff); // 1小时前diff = timeCutStr('2023-4-22 22:58:30');console.log(diff); // 1天前diff = timeCutStr('2023-3-23 22:58:30');console.log(diff); // 1个月前diff = timeCutStr('2022-4-23 22:58:30');console.log(diff); // 1年前diff = timeCutStr('2023-4-24 00:00:00');console.log(diff); // 1秒后diff = timeCutStr('2023-4-24 00:01:00');console.log(diff); // 1分钟后diff = timeCutStr('2023-4-24 01:00:00');console.log(diff); // 1小时后diff = timeCutStr('2023-4-25 00:00:00');console.log(diff); // 1天后diff = timeCutStr('2023-5-24 00:00:00');console.log(diff); // 1个月后diff = timeCutStr('2024-4-24 00:00:00');console.log(diff); // 1年后

接下来我们跑一下单元测试, 对整个库做一个全面的扫描:

图片

整个测试一共花了8.14s, 测试全部通过, 各位小伙伴们可以放松食用.

为了方便大家更好的了解 xijs 这个库, 我列一个完整的目录结构供大家参考, 也可以直接用 xijs 的在线文档中去参考学习.

文档地址: http://h5.dooring.cn/xijs

  • 浏览器相关
  • getRuntimeEnv - 获取运行环境
  • getSelection - 获取选中文本
  • redirect - 重定向
  • store - 本地存储库
  • 字符串操作
  • base64 - base64编码和解码

  • camelize - 横线转驼峰命名

  • charCount - 获取字符数

  • formatNumber - 数值千分位格式化

  • formatPercent - 值转换为百分数表示

  • hyCompact - 紧凑型驼峰命名转换

  • hyphenate - 驼峰命名转横线命名

  • randomStr - 生成随机字符串

  • repeat - 生成重复字符串

  • uuid - 生成唯一id

  • 常用判断函数

  • isArray - 判断数组类型

  • isEmpty - 判断空对象

  • isPc - 判断设备类型

  • isPhone - 判断手机号格式

  • 数据结构相关

  • cloneDeep - 数据深拷贝

  • formatDate - 时间格式化

  • getRawType - 获取数据类型

  • obj2url - 将对象参数解析为url字符串

  • transformTree - 扁平转树结构

  • url2obj - url字符串转对象

  • 图片处理函数

  • compressImg - 自定义压缩图片函数

  • file2img - 文件转图片对象

  • hex2rgba - hex色值转rgba

  • rgba2obj - 将rgba值转化为rgba对象

  • js高级函数

  • debounce - 防抖函数

  • parser - json超级解析器

  • sleep - 睡眠函数

  • throttle - 节流函数

  • 常用算法和数据结构

  • bubbleSort - 冒泡排序

  • quickSort - 快速排序

  • 数学计算

  • average - 计算数组平均值

  • difference - 创建一个排除指定项的数组

  • random - 返回区域内随机数

  • shuffle - 打乱数组

  • 几何计算

  • coordinatesInCircle - 生成圆内任意坐标

  • coordinatesInRect - 生成矩形内任意坐标

  • judgePointInCircle - 判断一点是否在圆内

欢迎大家star推荐和共建, 让前端工作更高效。

函数

github: https://github.com/MrXujiang/xijs

函数责任编辑:姜华 来源: 趣谈前端 Xijs业务工具库

(责任编辑:热点)

    推荐文章
    热点阅读