一个好用的前端工具包 - 百涂工具

你是不是总是在幻想在前端使用 StringUtil.isNotBlank 方法,是否对于Date操作而心烦意乱,是否因前端的种种复杂操作而难受至今,那么今天我们就来解决它们。

字符串判断

众所周知,前端判断字符串是否为空,往往都通过感叹号 ! 来完成,但这种方式仅仅只能判断是否为空字符串,对于空白字符无可奈何,还要额外判断,通过百涂工具,就可以这样写:

StrUtil.isBlank("");
// 或者
StrUtil.isNoneBlank("", "1", "32");
StrUtil.isAllBlank("dfsa", "dfs");

方便快捷,同样支持 isEmptydefaultIfBlank 等方法。

月开始或结束时间

DateTime 对象继承了 Date 对象,包含有 Date 的所有方法,是 Date 的升级版,在代码中 DateTime 可替代 Date。

行代码就能获取当月开始或结束时间

DateTime.new().beginOfMonth();
// 创建一个DateTime
const dateTime = DateTime.new();
// 获取当月开始时间,输出:2024-03-01 00:00:00
dateTime.beginOfMonth();
// 获取当月结束时间,输出:2024-03-31 23:59:59
dateTime.endOfMonth();

当然还支持 天、年、星期的开始或结束时间。

一键格式化

格式化时间同样可以一行解决

DateTime.new(2024, 3, 18, 15, 20).formatDateTime();
// 输出:2024-03-18 15:20:00

// 自定义格式化
DateTime.new(2024, 3, 18, 15, 20).format("yyyy年M月d日 HH点mm分");
// 输出:2024年3月18日 15点20分

时间偏移

支持年、月、日、时、分、秒、星期的偏移

const dateTime = this.DateTime.new();
dateTime.offset(DateField.MONTH, 2).formatDateTime();

当然还有 文件、图片、防抖、节流、脱敏等十几个工具包 ,满足你的需求,更多功能也在不断添加更新。

安装

npm i baitu

gitee源码及文档地址:https://gitee.com/jl15988/baitu