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)：生成指定范圍內的隨機數字
使用示例
<code class="javascript">// 擴展對象
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() {
// ...
});</code>
登錄后復制
通過使用 layui.util 中提供的實用函數，開發人員可以輕松高效地處理各種常見任務，簡化前端開發流程。
