推荐!Xijs更新指南(v1.2.1)

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

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

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

一、添加算法模块分类

该模块主要由 WangLei802 贡献, 添加内容如下:

  • 添加冒泡排序算法及其单元测试。
  • 添加快速排序算法及其单元测试。

使用方式如下:

1、冒泡排序

import { bubbleSort } from 'xijs';
let arr = [1, 3, 2, 8, 4];
let objArr = [
{ name: '8', age: 18 },
{ name: '3', age: 13 },
{ name: '5', age: 15 },
{ name: '2', age: 12 },
];
// bubbleSort(arr,arrKey,orderby) 参数说明: 1、arr => 简单数组or对象数组 2、arrKey => 对象数组key 3、orderby => 排序方式(默认升序('asc')、降序('desc'))
// 简单数组冒泡排序 --> 升序
bubbleSort(arr); // -> [1,2,3,4,8]
// 简单数组冒泡排序 --> 降序
bubbleSort(arr,'','desc'); // -> [8,4,3,2,1]
// 对象数组冒泡排序 注:默认升序
bubbleSort(objArr,'age'); // -> [{ name: '2', age: 12 },{ name: '3', age: 13 },{ name: '5', age: 15 }...]
// 对象数组冒泡排序 --> 降序
bubbleSort(objArr,'age','desc'); // -> [{ name: '8', age: 18 },{ name: '5', age: 15 },{ name: '3', age: 13 }...]

2、快速排序

import { quickSort } from 'xijs';
let arr = [1, 3, 2, 8, 4];
let objArr = [
{ name: '8', age: 18 },
{ name: '3', age: 13 },
{ name: '5', age: 15 },
{ name: '2', age: 12 },
];
// quickSort(arr,key) 参数说明: 1、arr => 简单数组or对象数组 2、key => 可选参数对象数组key
// 简单数组快速排序
quickSort(arr); // -> [1,2,3,4,8]
// 对象数组快速排序
quickSort(objArr,'age'); // -> [{ name: '2', age: 12 },{ name: '3', age: 13 },{ name: '5', age: 15 }...]

二、添加几何计算模块分类

该模块主要由 EasyRo 贡献, 添加内容如下:

  • coordinatesInCircle 生成圆内任意坐标
  • coordinatesInRect 生成矩形内任意坐标
  • judgePointInCircle 判断一点是否在圆内

这几个方法对于可视化项目的设计和开发非常有价值, 后续会在几何计算模块中开拓更多常用函数, 供大家轻松使用. 接下来介绍一下具体用法:

import { judgePointInCircle } from 'xijs';
// 判断中心在(3,4) 坐标内, 半径为5的圆上是否存在(4,6) 这个点
const res = judgePointInCircle(
{
center: [3, 4],
r: 5,
},
4,
6,
);
console.log(res); // -> true

该算法运用了很多几何和代数知识, 我之前在设计开源项目vue3几何画板 中也使用了大量几何判断, 感兴趣的朋友可以参考一下:

github地址: https://gitee.com/lowcode-china/euryd。

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

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

为了方便大家更好的了解 xijs 这个库, 我列一个完整的目录结构供大家参考, 也可以直接用 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色值转rgbargba2obj - 将rgba值转化为rgba对象。
  • js高级函数 debounce - 防抖函数parser - json超级解析器sleep - 睡眠函数throttle - 节流函数。
  • 常用算法和数据结构 bubbleSort - 冒泡排序quickSort - 快速排序。
  • 数学计算 average - 计算数组平均值difference - 创建一个排除指定项的数组random - 返回区域内随机数shuffle - 打乱数组。
  • 几何计算 coordinatesInCircle - 生成圆内任意坐标coordinatesInRect - 生成矩形内任意坐标judgePointInCircle - 判断一点是否在圆内。
责任编辑:姜华 来源: 今日头条
相关推荐

2023-05-26 08:02:11

工具函数库模块

2023-04-17 22:33:06

xijsJS

2023-05-06 13:56:02

工具函数库业务

2023-04-04 10:09:09

2023-04-25 07:55:51

2023-03-08 21:25:58

开源工具库开箱

2011-10-11 10:46:21

BodhiLinux

2010-07-21 11:04:44

Perl学习指南

2010-06-12 17:19:18

UML用户指南

2022-09-13 09:02:19

React客户端服务端

2012-02-14 09:26:41

JavajZebra

2009-12-28 14:19:51

WPF更新数据源

2010-06-30 09:05:02

Hyper-V迁移

2012-02-15 09:53:59

JavaSpring

2009-05-14 09:47:30

GoogleApp EngineJava SDK

2010-10-11 10:05:35

Ubuntu Twea

2011-06-08 16:39:41

PlayBook TaBlackBerry黑莓

2014-05-28 14:10:11

CrossApp

2010-02-06 09:28:07

Grails 1.2.bundlor

2013-09-27 11:14:09

点赞
收藏

51CTO技术栈公众号