BootsJS上新！一个库解决大部分难题！

news2024/11/25 4:18:42

不知不觉距离第一次发文章介绍自己写的库BootsJS已经过去一个月了，这个月里收到了许许多多JYM的反馈与建议，自己也再一次对BootsJS进行了改进与完善，又一次增加了很多功能，为此我想应该给JYM们汇报汇报这个月的工作进展。

BootJS仓库：https://github.com/JunLiangWangX/BootsJS

BootJS文档：https://junliangwangx.github.io/BootsJS/

上一版本功能

害怕新的同学没看过之前文章，容我花点篇幅介绍下之前版本支持的功能！

库的安装与引用，方法的具体使用大家可以看我之前的文章：《摸鱼时间写了个库，比lodash更丰富！》，我就不在这里赘述了。

日期处理工具：DateTool

方法作用
dateCalculator日期加/减计算
dateFormater格式化日期与时间
getDateDiff计算两日期的相隔时间
getDaysInMonth给定日期返回当月总天数
isLeapYear给定年份判断是否闰年

性能工具：PerformanceTool

方法作用
debounce防抖
throttle节流
memoize缓存函数的计算结果

字符串处理工具：StringTool

方法作用
camelCaseNameToDashName驼峰命名转短横线命名
dashNameToUpperCamelCaseName短横线命名转大写驼峰命名

正则规则：RegRules

方法作用
IPAddressRule匹配IP地址
chineseIDCardRule匹配身份证号码
chinesePhoneNumberRule匹配中国手机号码
……

优先级队列：PriorityQueue

方法作用
priorityQueue.enqueue(‘1’, 1)入队
priorityQueue.dequeue()出队
priorityQueue.top获取队顶元素
priorityQueue.length获取队列大小
priorityQueue.isEmpty队列是否为空

本版本新增的功能

我们来看看这个月加入了什么引人注目的功能吧！

对象处理工具：ObjectTool

// -------- Global Import(全局引入)
const BootsJS = require('boots-js'); // Node
import BootsJS from 'boots-js' // Es6 Module
BootsJS.ObjectTool.type(123); //'Number'

// -------- Import on Demand(按需引入)
const { ObjectTool } = require('boots-js/object-tool'); // Node
import { ObjectTool } from 'boots-js/object-tool' // Es6 Module
ObjectTool.type(123); //'Number'

判断参数类型：type()

ObjectTool.type(new Array()); //'Array'
ObjectTool.type('123'); //'String'
ObjectTool.type(true); //'Boolean'
ObjectTool.type(new Map()); //'Map'

深度拷贝对象：deepClone()

// 支持的类型：原始类型、TypedArray、Array、Set、Map、Object、ArrayBuffer、DataView、Date、RegExp、Symbol、Proxy（将被视为对象，拦截器无法复制）
// 注意：不支持的类型，例如：Function、WeakRef、WeakSet、WeakMap等会直接复制其引用

const obj1={Number:1},obj2={Boolean:2},obj3={obj:obj1,String:'123'},
const testObj={
   Int8Array:new Int8Array([1,2,3,4,5]),
   Date:new Date(),
   RegExp:/1234/,
   Array:new Array(...[obj1,obj2,obj3]),
   Set:new Set([obj1,obj2,obj3]),
   Map:map,
   Object:obj3,
   ArrayBuffer:new ArrayBuffer(10),
   DataView:new DataView(new ArrayBuffer(10)),
   Function:fun
}

let deepCopyObj=ObjectTool.deepClone(testObj)
deepCopyObj.Int8Array===testObj.Int8Array //false
deepCopyObj.Date===testObj.Date //false
deepCopyObj.Object.obj1.obj===testObj.Object.obj1.obj //false

比较两对象是否相等：isEqual()

// 支持的类型：原始类型、TypedArray、Array、Set、Map、Object、ArrayBuffer、DataView、Date、RegExp、Symbol(比较其description)、Proxy（将被视为对象，拦截器无法比较）
// 注意：不支持的类型，例如：Function、WeakRef、WeakSet、WeakMap等会直接比较其引用地址

const testObj2={
    BigInt64Array:new BigInt64Array([BigInt(123),BigInt(123),BigInt(123)]),
    RegExp:/1234/,
    Array:new Array(...[obj1,obj2,obj3,obj4]),
    Set:new Set([obj1,obj2,obj3,obj4]),
    Object:obj4,
    Map:map2,
    Date:date,
    ArrayBuffer:new ArrayBuffer(10),
    DataView:new DataView(new ArrayBuffer(10)),
}

ObjectTool.isEqual(testObj2,ObjectTool.deepClone(testObj2)) //true
let testObj5=ObjectTool.deepClone(testObj2)
testObj5.Object.obj1.String='12344'
ObjectTool.isEqual(testObj2,testObj5)  //false

将对象转换为String：argToStrKey()


// 支持的类型：原始类型、TypedArray、Array、Set、Map、Object、ArrayBuffer、Function、DataView、Date、 RegExp、Symbol、Proxy（将被视为对象，拦截器无法输出）
// 注意：不支持的类型，例如：WeakRef、WeakSet、WeakMap等会直接输出类型

const testObj2={
    BigInt64Array:new BigInt64Array([BigInt(123),BigInt(123),BigInt(123)]),
    RegExp:/1234/,
    Array:new Array(...[obj1,obj2,obj3,obj4]),
    Set:new Set([obj1,obj2,obj3,obj4]),
    Object:obj4,
    Map:map2,
    Date:date,
    ArrayBuffer:new ArrayBuffer(10),
    DataView:new DataView(new ArrayBuffer(10)),
}
const testObj3={
    Array:new Array(...[obj1,obj2,obj3,obj4]),
    Set:new Set([obj1,obj2,obj3,obj4]),
    BigInt64Array:new BigInt64Array([BigInt(123),BigInt(123),BigInt(123)]),
    ArrayBuffer:new ArrayBuffer(10),
    Object:obj4,
    Map:map2,
    Date:date,
    DataView:new DataView(new ArrayBuffer(10)),
    RegExp:/1234/,
}

let testObj5=ObjectTool.deepClone(testObj2)
testObj5.Object.obj1.String='12344'

ObjectTool.argToStrKey(testObj2)===ObjectTool.argToStrKey(testObj3) //true
ObjectTool.argToStrKey(testObj2)===ObjectTool.argToStrKey(testObj5) //false

处理树的工具：TreeTool

// -------- Global Import(全局引入)
const BootsJS = require('boots-js'); // Node
import BootsJS from 'boots-js' // Es6 Module
BootsJS.TreeTool.tree2Array(tree,'childList',options)

// -------- Import on Demand(按需引入)
const { TreeTool } = require('boots-js/tree-tool'); // Node
import { TreeTool } from 'boots-js/tree-tool' // Es6 Module
TreeTool.tree2Array(tree,'childList',options)

树转换成数组： tree2Array()

const tree = {
       name: '中国',
       code: '0',
       childList: [
           {
               name: '重庆',
               code: '01',
           },
           {
               name: '四川',
               code: '02',
           },
           {
               name: '广东',
               code: '03',
           },
       ]
   } 
   let arr = TreeTool.tree2Array([tree], 'childList', {
       isGenerateLevel: true,
       generateLevelAttributeName:'level',
       isGenerateParentID: true,
       generateParentIDAttributeName: 'parentCode',
       nodeIDAttributeName: 'code',
       deleteAttributeList: ['childList']
   })
   console.info(arr)
     [
       { name: '中国', code: '0' , level:0 },
       { name: '重庆', code: '01', level:1 , parentCode: '0' },
       { name: '四川', code: '02', level:1 , parentCode: '0' },
       { name: '广东', code: '03', level:1 , parentCode: '0' },
     ]

数组转换为树：array2Tree()

const arr = [
       { name: '中国', code: '0' , level:0 },
       { name: '重庆', code: '01', level:1 , parentCode: '0' },
       { name: '四川', code: '02', level:1 , parentCode: '0' },
       { name: '广东', code: '03', level:1 , parentCode: '0' },
   ]
   let genTree = TreeTool.array2Tree(arr, 'code', 'parentCode', 'childList', (node) => {
       return !('parentCode' in node)
   })
   console.info(genTree)
     [
       {
         name: '中国',
         code: '0',
         level: 0,
         childList: [
           { name: '重庆', code: '01', level:1,  parentCode: '0', childList: [] },
           { name: '四川', code: '02', level:1, parentCode: '0', childList: [] },
           { name: '广东', code: '03', level:1, parentCode: '0', childList: [] }
         ]
       }
     ]

获取所有子节点：getChildList()

const tree = {
       name: '中国',
       code: '0',
       childList: [
           {
               name: '重庆',
               code: '01',
           },
           {
               name: '四川',
               code: '02',
           },
           {
               name: '广东',
               code: '03',
           },
       ]
   } 
   let arr = TreeTool.getChildList([tree], 'code', '0', 'childList')
   console.info(arr)
     [
       { name: '重庆', code: '01' },
       { name: '四川', code: '02' },
       { name: '广东', code: '03' },
     ]

过滤节点：filter()

const tree = {
         name: '中国',
         code: '0',
         level: 0,
         childList: [
           { name: '重庆', code: '01', level:1,  parentCode: '0', childList: [] },
           { name: '四川', code: '02', level:1, parentCode: '0', childList: [] },
           { name: '广东', code: '03', level:1, parentCode: '0', childList: [] }
         ]
   }
   let arr = TreeTool.filter([tree], 'childList', (obj) => {
       return obj.parentCode === '0'
   })
   console.info(arr)
     [
       { name: '重庆', code: '01', level:1 , parentCode: '0', childList: [] },
       { name: '四川', code: '02', level:1 , parentCode: '0', childList: [] },
       { name: '广东', code: '03', level:1 , parentCode: '0', childList: [] },
     ]

查找某节点的路径：findPath()

const tree = {
         name: '中国',
         code: '0',
         level: 0,
         childList: [
           { name: '重庆', code: '01', level:1, parentCode: '0', childList: [] },
           { name: '四川', code: '02', level:1, parentCode: '0', childList: [] },
           { name: '广东', code: '03', level:1, parentCode: '0', childList: [] }
         ]
   }
   let path = TreeTool.findPath([tree],'code','03','childList')
   console.info(path)
   [
       {
         name: '中国',
         code: '0',
         level: 0,
         childList: [ [Object], [Object], [Object] ]
       },
       { name: '广东', code: '03', parentCode: '0', level: 1, childList: [] }
   ]

处理数组的工具：ArrayTool

// -------- Global Import(全局引入)
const BootsJS = require('boots-js'); // Node
import BootsJS from 'boots-js' // Es6 Module
BootsJS.ArrayTool.removeDuplicates([1,2,3,1]);

// -------- Import on Demand(按需引入)
const { ArrayTool } = require('boots-js/array-tool'); // Node
import { ArrayTool } from 'boots-js/array-tool' // Es6 Module
ArrayTool.removeDuplicates([1,2,3,1]);

数组去重： removeDuplicates()

const test1={a:'1'},test2={a:'1'},
arr1=[test1,test2,test1],
arr2=[1,2,3,1,4];
ArrayTool.removeDuplicates(arr1) // [{a:'1'},{a:'1'}]
ArrayTool.removeDuplicates(arr1,true) // [{a:'1'}]
ArrayTool.removeDuplicates(arr2) //[1,2,3,4];

处理日期时间的工具：DateTool

// -------- Global Import(全局引入)
const BootsJS = require('boots-js'); // Node
import BootsJS from 'boots-js' // Es6 Module
BootsJS.DateTool.dateFormater(new Date(),'YYYY-MM-DD HH:mm:ss');

// -------- Import on Demand(按需引入)
const { DateTool } = require('boots-js/date-tool'); // Node
import { DateTool } from 'boots-js/date-tool' // Es6 Module
DateTool.dateFormater(new Date(),'YYYY-MM-DD HH:mm:ss');

转换时区： convertTimeZone()

DateTool.convertTimeZone(
        1711611931754,
        DateTool.timeZoneOffsetEnum['UTC+08:00'], 
        DateTool.timeZoneOffsetEnum['UTC-06:00'])
DateTool.convertTimeZone(
        '2024/2/12',
        DateTool.timeZoneOffsetEnum['UTC+08:00'], 
        DateTool.timeZoneOffsetEnum['UTC+09:00'])

最后

目前我只想到和完成了这些功能，希望大家多多提提意见呀，包括想要的功能，改进建议等等，我一个人的想法和能力都过于局限，如果有余力的话欢迎PR一起弄呀！如果真的对大家有所帮助，能给个star鼓励下作者嘛🫡，如果我也能有个超多star的仓库就好了🙈

BootJS仓库：https://github.com/JunLiangWangX/BootsJS

BootJS文档：https://junliangwangx.github.io/BootsJS/

点击链接或微信搜索“汪啊汪”🔎，关注我及时掌握最新动态

本文由mdnice多平台发布

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

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

相关文章

SpringBoot Actuator和Spring boot Admin工具

SpringBoot Actuator和Spring boot Admin工具

目录 一、Spring Boot Actuator 1、简介 2、访问方式 3、端点 4、SpringBoot项目引入actuator 端点 ①health ②beans ③configprops ④env ⑤loggers ⑥heapdump ⑦threaddump ⑧metrics ⑨scheduledtasks ⑩mappings ⑪shutdown 定制端点 一、定制health端…
阅读更多...
【Spring Cache】基于注解的缓存框架 简化redis代码

【Spring Cache】基于注解的缓存框架 简化redis代码

文章目录 一、介绍二、常用注解三、快速入门3.1 EnableCaching3.2 CachePut3.3 Cacheable3.4 CacheEvict 一、介绍 Spring Cache 是一个框架，实现了基于注解的缓存功能，只需要简单地加一个注解，就能实现缓存功能。 Spring Cache 提供了一层…
阅读更多...
产品经理与产品原型

产品经理与产品原型

点击下载《产品经理与产品原型》 1. 前言 互联网产品经理在向技术部门递交产品策划方案时，除了详尽的需求阐述，一份清晰易懂的产品原型设计方案同样不可或缺。一份出色的原型设计，不仅能促进前期的深入讨论，更能让美工和开发人员更直观地理解产品特性，进而优化工作流程，…
阅读更多...
Java代码基础算法练习-求偶数和-2024.03.29

Java代码基础算法练习-求偶数和-2024.03.29

任务描述： 编制程序，输入n个整数（n从键盘输入，n>0，整数取值范围：0~1000），输出这n个 数当中的偶数和。 任务要求： 代码示例： package M0317_0331;import…
阅读更多...
金三银四面试题（七）：JVM常见面试题(1)

金三银四面试题（七）：JVM常见面试题(1)

JVM会有许多零碎但是却很高频的基础考题。牢记这些，才能保证不在面试中落后于人。 说说对象分配规则 这也是之前面试腾讯时候被问到的问题：请介绍JVM如何分配对象？ 对象优先分配在Eden 区，如果Eden 区没有足够的空间时&#xf…
阅读更多...
软件测试基础理论、测试用例及设计方法、易混淆概念总结【软件测试】

软件测试基础理论、测试用例及设计方法、易混淆概念总结【软件测试】

一.软件测试基础理论 1.软件定义 软件是计算机系统中与硬件相互依存的一部分，包括程序、数据以及与其相关文档 的完整集合。 程序是按事先设计的功能和性能要求执行的指令序列； 数据是使程序能正常操作信息的数据结构； 文档是与程序开发、维…
阅读更多...
TR2 - Transformer模型的复现

TR2 - Transformer模型的复现

目录 理论知识模型结构结构分解黑盒两大模块块级结构编码器的组成解码器的组成 模型实现多头自注意力块前馈网络块位置编码编码器解码器组合模型最后附上引用部分 模型效果总结与心得体会 理论知识 Transformer是可以用于Seq2Seq任务的一种模型，和Seq2Seq不冲突。 …
阅读更多...
开源免费软件推荐PhotoPrism：一款基于TensorFlow的开源照片管理工具，实现自动图像分类与本地化部署

开源免费软件推荐PhotoPrism：一款基于TensorFlow的开源照片管理工具，实现自动图像分类与本地化部署

引言： PhotoPrism，这款基于机器学习软件Google TensorFlow的开源照片管理工具，不仅实现了自动图像分类，更能够精准检测图片的颜色、色度、亮度、质量等属性。无论是全景照片还是地理位置信息，它都能轻松识别。更重要的…
阅读更多...
k8s-jenkins安装与流水线

k8s-jenkins安装与流水线

k8s-jenkins安装与流水线 一、环境安装1.创建目录2.后台启动服务3.浏览器访问4.修改密码 二、流水线1.新建流水线任务2.运行流水线3.安装插件4.安装Kubernetes CLI 三、总结 一、环境安装 如果使用的是阿里云Kubernetes集群 ，可以安装其 ack-jenkins应用。 5分钟在…
阅读更多...
KVM：尝试安装windows2008

KVM：尝试安装windows2008

最终目的是在lxd部署windows2008镜像 WindowsServer2008镜像： cn_windows_server_2008_r2_standard_enterprise_datacenter_and_web_with_sp1_x64_dvd_617598.iso 镜像参考链接： https://discussion.scottibyte.com/t/migrate-a-hyper-v-windows-vir…
阅读更多...
on-my-zsh 命令自动补全插件 zsh-autosuggestions 安装和配置

on-my-zsh 命令自动补全插件 zsh-autosuggestions 安装和配置

首先 Oh My Zsh 是什么? Oh My Zsh 是一款社区驱动的命令行工具，正如它的主页上说的，Oh My Zsh 是一种生活方式。它基于 zsh 命令行，提供了主题配置，插件机制，已经内置的便捷操作。给我们一种全新的方式使用命令行。…
阅读更多...
【unity】unity安装及路线图

【unity】unity安装及路线图

学习路线图 二、有关unity的下载 由于unity公司是在国外，所以.com版（https://developer.unity.cn/）不一定稳定，学习时推荐从.cn国内版（https://developer.unity.cn/）前往下载，但是后期仍需回…
阅读更多...
【全套源码教程】基于SpringBoot+MyBatis框架的智慧生活商城系统的设计与实现

【全套源码教程】基于SpringBoot+MyBatis框架的智慧生活商城系统的设计与实现

目录 前言 需求分析 可行性分析 技术实现 后端框架：Spring Boot 持久层框架：MyBatis 前端框架：Vue.js 数据库：MySQL 功能介绍 前台功能拓展 商品详情单管理 个人中心 秒杀活动 推荐系统 评论与评分系统 后台功能拓…
阅读更多...
桌面/WEB端3D开发工具HOOPS SDK简介

桌面/WEB端3D开发工具HOOPS SDK简介

Tech Soft 3D在长达25年的时间内，一直通过卓越的3D技术帮助全球超过600家客户推动创新，这些客户包括HEXAGON、SolidWorks、SIEMENS、Aras、ANSYS、AVEVA等各个行业的领军者。 Tech Soft 3D旗下拥有4款原生产品，分别是：HOOPS Excha…
阅读更多...
docker-compose mysql

docker-compose mysql

使用docker-compose 部署 MySQL（所有版本通用） 一、拉取MySQL镜像 我这里使用的是MySQL8.0.18，可以自行选择需要的版本。 docker pull mysql:8.0.18二、创建挂载目录 mkdir -p /data/mysql8/log mkdir -p /data/mysql8/data mkdir -p /dat…
阅读更多...
浏览器工作原理与实践--块级作用域：var缺陷以及为什么要引入let和const

浏览器工作原理与实践--块级作用域：var缺陷以及为什么要引入let和const

在前面《07 | 变量提升：JavaScript代码是按顺序执行的吗？》这篇文章中，我们已经讲解了JavaScript中变量提升的相关内容，正是由于JavaScript存在变量提升这种特性，从而导致了很多与直觉不符的代码，这也是Jav…
阅读更多...
【YOLOv5改进系列(8)】高效涨点----添加yolov7中Aux head 辅助训练头

【YOLOv5改进系列(8)】高效涨点----添加yolov7中Aux head 辅助训练头

文章目录 🚀🚀🚀前言一、1️⃣ Auxiliary head辅助头简单介绍二、2️⃣从损失函数和标签分配分析三、3️⃣正负样本标签分配四、4️⃣如何添加Aux head辅助训练头五、5️⃣实验部分(后续添加，还是跑模型，辅助头真是太慢…
阅读更多...
Chrome 插件各模块使用 Fetch 进行接口请求

Chrome 插件各模块使用 Fetch 进行接口请求

Chrome 插件各模块使用 Fetch 进行接口请求 常规网页可以使用 fetch() 或 XMLHttpRequest API 从远程服务器发送和接收数据，但受到同源政策的限制。 内容脚本会代表已注入内容脚本的网页源发起请求，因此内容脚本也受同源政策的约束，插件的来…
阅读更多...
Arduino IDE导出esp8266工程编译后的bin文件

Arduino IDE导出esp8266工程编译后的bin文件

一、导出bin文件的方法一 1.通过IDE直接导出，选择 项目 --> 导出已编译的二进制文件，会在工程下生成 build 文件夹，里面有导出的bin文件。 一、导出bin文件的方法二 通过临时文件，找到生成的bin文件。 临时文件的位置&#…
阅读更多...
MES系统怎么解决车间生产调度难的问题？

MES系统怎么解决车间生产调度难的问题？

MES系统三个层次 1、MES决定了生产什么，何时生产，也就是说它使公司保证按照订单规定日期交付准确的产品； 2、MES决定谁通过什么方式（流程）生产，即通过优化资源配置，最有效运用资源； …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023