layui.util 是 layui 框架中的实用工具函数集，用于简化前端开发，具体功能包括：操作数组和对象：扩展、复制和对比对象/数组。日期和时间操作：格式化、转换和比较日期时间。表单操作：验证、自定义验证规则和序列化表单数据。事件操作：绑定、移除和绑定上下文事件监听器。其它实用功能：转义/反转义 HTML 字符，生成随机数等。
layui.util 的作用
layui.util 是 layui 框架中提供的一组实用工具函数，旨在简化前端开发任务，提升代码可读性、可维护性和可复用性。
具体功能包括：
操作数组和对象
-
extend(target, source)：为目标对象扩展源对象的属性 -
clone(source, deep)：深度或浅度复制源对象 -
difference(arr1, arr2)：获取两个数组之间的差异项
日期和时间操作
-
extend(target, source)：为目标对象扩展源对象的属性 -
clone(source, deep)：深度或浅度复制源对象 -
difference(arr1, arr2)：获取两个数组之间的差异项
表单操作
-
valid(form, rules)：验证表单字段是否符合规则 -
verify()：自定义表单验证规则 -
serialize(form)：将表单数据序列化为键值对
事件操作
-
on(element, event, callback)：绑定事件监听器 -
off(element, event)：移除事件监听器 -
bind(callback, context)：绑定回调函数的上下文
其它实用功能
-
escape(html)：转义 HTML 字符 -
unescape(str)：反转义 HTML 字符 -
randomNum(min, max)：生成指定范围内的随机数字
使用示例
// 扩展对象
layui.util.extend(targetObj, sourceObj);
// 复制对象
const clonedObj = layui.util.clone(obj, true);
// 验证表单
layui.util.valid(form, {
username: {
required: true
}
});
// 为元素绑定单击事件
layui.util.on(element, 'click', function() {
// ...
});通过使用 layui.util 中提供的实用函数，开发人员可以轻松高效地处理各种常见任务，简化前端开发流程。
