开箱即用的工具函数库xijs更新指南(v1.2.6)

news2024/10/6 10:26:53

cf39d9505d3f653a9a3dd08366771565.png

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

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

贡献者列表:

2f2cec04112ac9ef5e41e4b371df4345.png

1. 计算变量内存calculateMemory

该模块主要由 zhengsixsix 贡献, 我们可以使用这个方法轻松的计算字符串的体积, 在文档类产品中非常实用, 具体使用如下:

import { calculateMemory } from 'xijs';

calculateMemory(obj); // -> 114 B
calculateMemory(obj, 'B'); // -> 114 B
calculateMemory(obj, 'KB');// -> 0.11 KB
calculateMemory(obj, 'MB');// -> 0.00 MB

2. charCount(获取字符串中指定字符的个数)

该模块主要由 kevin 贡献, 这个方法可以轻松的帮我们计算字符串中指定字符的个数, 用于对字符串进行统计, 具体使用如下:

import { charCount } from 'xijs';

charCount('abc-def-h5-dooring', '-'); // -> 3

3. designateRepeat(计算指定字符在字符串中出现的次数)

该模块主要由 kevin 贡献, 这个方法可以帮我们计算指定字符在字符串中出现的次数, 具体使用如下:

import { designateRepeat } from 'xijs';

console.log(designateRepeat('123334567898765433', '3'));

这个功能还是非常实用的, 感兴趣的朋友可以直接使用.

4. getRepeatCharacter(计算字符串中重复字符以及重复字符的次数)

该模块主要由 大脸猫 贡献, 它可以帮助我们轻松计算字符串中重复字符以及重复字符的次数, 具体使用如下:

import { getRepeatCharacter } from 'xijs';

// 计算字符串中重复字符以及重复字符的次数
const res = getRepeatCharacter('bigBbbi');// ->{b: 3, i: 2, g: 1, B: 1}

5. arrayRepeat(计算字符串中重复字符以及重复字符的次数)

该模块主要由 kevin 贡献, 具体使用如下:

import { arrayRepeat } from 'xijs';
const arr = ['1', '2', '1', 1, 2, {a: 1, b: 2}, {a: 1, b: 3}, {a: 1, b: 2, c: 3}, {b: 2, c: 3, a: 1}, {c: 3, b: 2, a: 1}, {a: 1, b: 2}, {a: 1, c: 'w', b: 2}, {a: 1, b: 2, c: 'w'}]
console.log(arrayRepeat(arr)) // {"1":1,"2":1,""1"":2,""2"":1,"{"a":1,"b":2}":2,"{"a":1,"b":3}":1,"{"a":1,"b":2,"c":3}":3,"{"a":1,"c":"w","b":2}":2}
console.log(arrayRepeat([{ 1: 1 }, {a: 1, b: 2, c: 3}, {b: 2, c: 3, a: 1}, {c: 3, b: 2, a: 1}]))
console.log(arrayRepeat([{b: 2, a: 1}]))

6. PriorityQueue(compareFunction?)(优先级队列)

该模块主要由 EasyRo 贡献, 参数介绍如下:

d519741865c0749b385fc2ad54e1d2bd.png

具体使用如下:

import { PriorityQueue } from 'xijs';
const customCompare = (a: number, b: number) => {
  return b - a;
};

const pq = new PriorityQueue(customCompare);

pq.enqueue(5);
pq.enqueue(3);
pq.enqueue(8);

expect(pq.dequeue()).toBe(8);
expect(pq.dequeue()).toBe(5);
expect(pq.dequeue()).toBe(3);

7. 代码单元测试补全和文档规范

该部分主要由 MrYeZiqing 贡献, 具体测试相关可以参考 github 仓库.

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

f24123b6658627f4b4b2241046f9ce3c.png

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

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

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

更多xijs函数列表

  • 浏览器相关

    • getRuntimeEnv - 获取运行环境

    • getSelection - 获取选中文本

    • redirect - 重定向

    • store - 本地存储库

    • XCookie - 浏览器端cookie操作类

  • 字符串操作

    • base64 - base64编码和解码

    • camelize - 横线转驼峰命名

    • charCount - 获取字符数

    • formatNumber - 数值千分位格式化

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

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

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

    • randomStr - 生成随机字符串

    • repeat - 生成重复字符串

    • uuid - 生成唯一id

  • 常用判断函数

    • isArray - 判断数组类型

    • isEmpty - 判断空对象

    • isPc - 判断设备类型

    • isPhone - 判断手机号格式

    • isEmail - 判断邮箱函数

    • isIdCard - 判断身份证格式函数

    • lang - 判断中英文

    • regexp - 常用正则表达式

    • dataDesensitization - 数据脱敏

  • 数据结构相关

    • cloneDeep - 数据深拷贝

    • arrayToListNode - 数组转成链表

    • linkListToArray - 链表结构转数组结构

    • dateCalculate - 日期计算

    • timeCutStr - 计算时间差

    • timeSub - 计算时间间隔

    • transformArray - 树结构转扁平数组

    • formatDate - 时间格式化

    • getRawType - 获取数据类型

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

    • transformTree - 扁平转树结构

    • url2obj - url字符串转对象

    • bothLinkedList - 双向链表

  • 图片处理函数

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

    • file2img - 文件转图片对象

    • hex2rgba - hex色值转rgba

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

    • genRandomColor - 获取随机颜色

  • js高级函数

    • debounce - 防抖函数

    • parser - json超级解析器

    • sleep - 睡眠函数

    • throttle - 节流函数

  • 常用算法和数据结构

    • bubbleSort - 冒泡排序

    • quickSort - 快速排序

  • 数学计算

    • average - 计算数组平均值

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

    • random - 返回区域内随机数

    • shuffle - 打乱数组

    • factorial - 阶乘

    • fibonacci - 计算斐波那契数

    • sum - 求和数组

  • 几何计算

    • coordinatesInCircle - 生成圆内任意坐标

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

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

  • dom操作

    • downloadFileWithText - 下载文本文件

    • downloadFileWithUrl - 下载链接文件

    • $ - 通过id,class等获取dom

    • getDomPageXY - 获取dom元素在当前文档中的绝对位置

    • getDomScreenXY - 获取dom元素相对于screen绝对位置

    • getDomText - 获取文本内容

    • xss - 转义html标签

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

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

以上便是本次分享的全部内容,希望对你有所帮助^_^

喜欢的话别忘了 分享、点赞、收藏 三连哦~。

3c1d4c4f080715cb31408c1d36c81b0f.gif

从零搭建全栈可视化大屏制作平台V6.Dooring

从零设计可视化大屏搭建引擎

Dooring可视化搭建平台数据源设计剖析

可视化搭建的一些思考和实践

基于Koa + React + TS从零开发全栈文档编辑器(进阶实战

点个在看你最好看

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/575251.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

leetcode练习(汇总插入区间)

文章目录 题目一:汇总区间题目二:插入区间 语言:python 工具:jupyuter 题目一:汇总区间 给定一个 无重复元素 的 有序 整数数组 nums 。 返回 恰好覆盖数组中所有数字 的 最小有序 区间范围列表 。也就是说&#xff0c…

“程序员,致敬!”

手机震动,提醒着我3年前参加研发的应用迎来了一次重大升级。我按下开源社区提供的合并请求按钮,与开源社区的朋友分享我对这个项目的改进。不久,一条消息提醒我合并请求已被其它社区成员审核通过。 这种远程协作、开源分享的方式是如今广泛存…

chatgpt赋能python:Python数值计算指南:为什么它是一种强大的工具

Python数值计算指南:为什么它是一种强大的工具 当谈到数值计算时,许多人所想到的编程语言都是MATLAB和R。然而,Python也在数值计算领域有着强大的地位。Python是一种令人难以置信的通用编程语言,它不仅为数据科学和机器学习提供了…

行人检测重识别yolov5+reid(跑通+界面设计)

行人检测重识别yolov5reid(跑通界面设计) 参考源代码: github 权重文件: 根据github上面的网盘进行权重下载: 检测:将 ReID_resnet50_ibn_a.pth放在person_search/weights文件下,yolov5s.pt放person_sear…

如何用海外代理辅助对接 ChatGPT

许多朋友问我有没有好用的海外代理。说实话,真的好用的并不多。 最近我了解到了一家还不错的海外代理,叫做 IPIDEA,我已经使用了一段时间了,觉得质量挺不错。 你可能知道,我最近在进行一些 ChatGPT 相关的研究&#xf…

DTW 2023:戴尔发力多云战略与边缘运营

近日,2023戴尔科技全球科技大会(Dell Technologies World,简称DTW)在美国拉斯维加斯如期而至。 作为戴尔科技集团一年一度的科技盛宴,本届DTW吸引了众多业界人士的关注。而作为本届大会的重头戏,戴尔科技集…

Spark学习笔记

1 spark简介 (1) spark是基于内存计算的分布式并行计算框架,如今已成为apache软件基金会最重要的三大分布式计算系统开源项目之一(Hadoop、Spark、Storm)。 (2) spark组件 (3) spark组件应用场景 Spark Streaming:提供流计算功能 Sparl SQL&#xff1…

Python实现循环的最快方式(for、while等速度对比)

众所周知,Python 不是一种执行效率较高的语言。此外在任何语言中,循环都是一种非常消耗时间的操作。假如任意一种简单的单步操作耗费的时间为 1 个单位,将此操作重复执行上万次,最终耗费的时间也将增长上万倍。 while 和 for 是 …

JavaCV - 图像暗通道去雾

一、效果图 二、实现原理 暗通道先验:首先说在绝大多数非天空的局部区域里,某一些像素总会有至少一个颜色通道具有很低的值,也就是说该区域光强是一个很小的值。所以给暗通道下了个数学定义,对于任何输入的图像J,其暗通道可以用下面的公式来表示:其中JC表示彩色图像每个…

SOFA Weekly|SOFAChannel#33 直播预告、Layotto 社区会议回顾与预告、社区本周贡献

SOFA WEEKLY | 每周精选 筛选每周精华问答,同步开源进展 欢迎留言互动~ SOFAStack(Scalable Open Financial Architecture Stack)是蚂蚁集团自主研发的金融级云原生架构,包含了构建金融级云原生架构所需的各个组件&am…

阿里、腾讯、京东齐降价:云计算迎来新拐点

‍数据智能产业创新服务媒体 ——聚焦数智 改变商业 618源于京东创办日(创办于2004年6月18日),发展至今,618已然成为中国两大最火爆的消费节点之一。每年618,京东都会推出覆盖全品类的优惠政策,并以严格的…

chatgpt赋能python:Python捕获所有异常

Python 捕获所有异常 Python是一种易用、高效的编程语言,广泛应用于Web开发、数据科学、人工智能等领域。在Python编程中,异常处理是一项重要的技能,因为程序总会出现各种异常情况,如输入错误、网络错误、程序崩溃等等。Python提…

矿井水除氟——高矿化度矿井水氟化物深度降解的技术方案

高矿化度矿井水是指含有高浓度溶解性矿物质的废水,通常指的是含有高浓度钠、钙、镁、铁、铝、钾等离子的废水。这些离子通常来自于废水所处的环境、工业或生产过程中使用的原材料和化学品。高矿化度的废水通常具有高盐度、高电导率、高硬度等特征,对环境…

(十七)ArcGIS 属性表生成GUID字段

ArcGIS 属性表生成GUID字段 目录 ArcGIS 属性表生成GUID字段 1.GUID概念2.GUID格式3. ArcGIS 属性表生成GUID字段3.1新建GUID字段3.2生成GUID字段 1.GUID概念 全局唯一标识符(GUID,Globally Unique Identifier)是一种由算法生成的二进制长度…

堆的实现+堆的应用(堆排序和Topk)

珍惜当下的一切,相信未来的一切都是美好的。 -- 丹尼尔迪凯托目录 一.堆的概念及结构 二.堆的各种函数的实现 1.结构体的内容 2.堆的初始化 3.堆的插入 4.堆的向上调整法 5.验证堆的向上调整法 6.堆顶的删除 7.堆的向下调整法 8.返回堆…

【Python】使用百度AI能力

知识目录 一、写在前面✨二、百度AI能力介绍三、植物识别四、总结撒花😊 一、写在前面✨ 大家好!我是初心,希望我们一路走来能坚守初心! 今天跟大家分享的文章是 Python调用百度AI能力进行植物识别。 ,希望能帮助到大…

欧盟加密监管法案通过,美国急了?

万众期待的欧盟《加密资产市场监管法案》(Markets in Crypto-Assets Regulation,简称MiCA)终于在5月16日尘埃落定。 尽管在4月20日,该方案已在欧洲议会全体会议上投票通过,但直到5月16日,包括27个国家的欧盟…

STP生成树协议(超详细小白也能看懂)

一、为什么要用STP 为了提高网络可靠性,交换网络中通常会使用冗余链路。然而,冗余链路会给交换网络带来环路风险,并导致广播风暴以及MAC地址表不稳定等问题,进而会影响到用户的通信质量。生成树协议STP(Spanning Tree …

计算机毕业论文选题推荐|软件工程|系列十

文章目录 导文题目导文 计算机毕业论文选题推荐|软件工程 (***语言)==使用其他任何编程语言 例如:基于(***语言)门窗账务管理系统的设计与实现 得到:基于JAVA门窗账务管理系统的设计与实现 基于vue门窗账务管理系统的设计与实现 等等 题目 基于(***语言)多媒体教室管理…

Hugging News #0526: Hugging Cast 发布第一期、邀请来认领自己的论文啦!

每一周,我们的同事都会向社区的成员们发布一些关于 Hugging Face 相关的更新,包括我们的产品和平台更新、社区活动、学习资源和内容更新、开源库和模型更新等,我们将其称之为「Hugging News」,本期 Hugging News 有哪些有趣的消息…