打造开箱即用的js工具库之xijs更新指南(v1.2.2)

简介: 打造开箱即用的js工具库之xijs更新指南(v1.2.2)

image.png

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

接下来就和大家一起分享一下v1.2.2 版本的更新内容.

1. 添加常用判断函数

该模块主要由知乎作者 萌萌你萌不萌啊 贡献, 添加内容如下:

  • isPhone - 判断手机号格式
  • isEmail - 判断邮箱函数
  • isIdCard - 判断身份证格式函数
  • isPhone - 判断手机号格式
  • lang - 判断中英文

使用方式如下:

import { 
  isPhone,
  isEmail,
  lang
} from 'xijs';
// 判断是否为正确的邮箱格式
console.log(isEmail('1111@qq.com')); // -> true
// 判断是否为正确的手机格式
console.log(isPhone(13334433333)); // -> true
// 判断是否为英文
console.log(lang.isEn('sadsad')); // -> true
// 判断是否为中文
console.log(lang.isCn('萨达')); // -> true

2. 添加常用数学计算函数

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

  • factorial - 阶乘计算
  • fibonacci - 计算斐波那契数
  • sum - 求和数组

这几个方法对于一些需要用到数学计算的场景非常有帮助. 接下来介绍一下具体用法:

image.png

image.png

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

image.png

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

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

  • 浏览器相关
  • getRuntimeEnv - 获取运行环境
  • getSelection - 获取选中文本
  • redirect - 重定向
  • store - 本地存储库
  • 字符串操作
  • base64 - base64编码和解码
  • camelize - 横线转驼峰命名
  • charCount - 获取字符数
  • formatNumber - 数值千分位格式化
  • formatPercent - 值转换为百分数表示
  • hyCompact - 紧凑型驼峰命名转换
  • hyphenate - 驼峰命名转横线命名
  • randomStr - 生成随机字符串
  • repeat - 生成重复字符串
  • uuid - 生成唯一id
  • 常用判断函数
  • isArray - 判断数组类型
  • isEmpty - 判断空对象
  • isPc - 判断设备类型
  • isPhone - 判断手机号格式
  • isEmail - 判断邮箱函数
  • isIdCard - 判断身份证格式函数
  • isPhone - 判断手机号格式
  • lang - 判断中英文
  • 数据结构相关
  • 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 - 打乱数组
  • factorial - 阶乘计算
  • fibonacci - 计算斐波那契数
  • sum - 求和数组
  • 几何计算
  • coordinatesInCircle - 生成圆内任意坐标
  • coordinatesInRect - 生成矩形内任意坐标
  • judgePointInCircle - 判断一点是否在圆内

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

github: github.com/MrXujiang/x…


目录
相关文章
|
3月前
|
JavaScript 前端开发 Python
用python执行js代码:PyExecJS库
文章讲述了如何使用PyExecJS库在Python环境中执行JavaScript代码,并提供了安装指南和示例代码。
156 1
用python执行js代码:PyExecJS库
|
3月前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
112 2
|
29天前
|
移动开发 JavaScript 前端开发
一些处理浏览器兼容性问题的JavaScript库
这些库在处理浏览器兼容性问题方面都有着各自的特点和优势,可以根据具体的需求和项目情况选择合适的库来使用,从而提高代码的兼容性和稳定性,为用户提供更好的体验。同时,随着浏览器技术的不断发展,还需要持续关注和学习新的兼容性解决方案。
104 48
|
22天前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
39 3
|
28天前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
28天前
|
CDN
如何在项目中使用Moment.js库?
如何在项目中使用Moment.js库?
|
29天前
|
JavaScript 前端开发
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
|
29天前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
34 1
|
1月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
246 9
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
87 10