全部内容
layui-select动态选中值的例子

本文介绍在layui表单渲染后,如何通过操作隐藏的原生input及添加layui-this样式,实现select选项的动态选中。针对Vue动态绑定失效场景,提供了在Table编辑时恢复选中状态的具体代码逻辑与注意事项。

2026-10-24 01:55:07
533
开源拾贝
LayUI switch 开关监听与状态控制实战

本文介绍 LayUI 中 switch 开关控件的使用,重点讲解如何通过 lay-filter 监听状态变化,获取自定义属性值,并结合 Ajax 请求实现商品上下架状态的异步更新与界面同步渲染。

2026-10-24 01:53:29
283
开源拾贝
解决layui table插件无法直接获取多层级JSON数据的方法

本文介绍如何解决layui table插件在版本2.2.6中无法直接解析嵌套JSON数据的问题。通过修改M.prototype.page方法中的success回调,利用renderResponse函数动态映射statusName、msgName、countName和dataName等字段路径,实现从深层级JSON中提取list和total数据,同时保持分页功能正常运作。

2026-10-24 01:53:01
407
清欢
Layui Table组件工具栏配置与事件监听详解

本文详细介绍Layui Table组件工具栏的配置方法。通过定义模板实现动态按钮显示,利用lay-event属性绑定操作,并编写table.on监听代码处理查看、删除等交互逻辑,帮助开发者快速掌握表格工具栏的完整使用流程。

2026-10-24 01:51:55
272
流萤
JavaScript生成不重复ID的迭代实现方案

本文详解JavaScript生成不重复ID的多种实现方式及其迭代过程。从基础的Math.random随机数,到结合Date.now时间戳,再到利用Number.toString进行进制转换,逐步优化ID的唯一性与格式。文章展示了v0.0.1至v0.1.3版本的演进逻辑,包括去除前缀、控制随机长度及混合排序等技巧,帮助开发者根据实际需求选择合适的ID生成策略。

2026-10-24 01:47:07
177
闭包旅人
Layui自定义模块定义与调用完整流程

本文详细介绍在Layui框架中自定义并调用模块的完整流程。通过layui.define定义包含公共方法的模块,利用layui.config配置模块别名与路径,最后使用layui.use加载并调用自定义模块中的方法,实现代码复用与模块化开发。

2026-10-24 01:46:01
463
阿沐
Node.js 实现带缓存功能的简易静态文件服务器

本文介绍如何使用 Node.js 快速构建一个简易的静态文件服务器。通过结合 http、fs 和 mime 模块,实现文件读取与类型解析,并探讨开启浏览器缓存(Cache-Control/Expires)时的 304 响应及文件更新后的缓存刷新问题,帮助开发者在无需复杂框架的情况下部署轻量级服务。

2026-10-24 01:45:34
141
栖木
Layui iframe弹窗关闭自身的方法

本文介绍如何在Layui框架中解决iframe弹窗关闭自身的问题。通过Java后台返回页面,前端JS调用layer.open打开弹窗,并在子页面使用parent.layer.getFrameIndex获取索引,配合parent.layer.close实现自我关闭。同时详解layer.close、layer.closeAll等API的具体用法与参数区别。

2026-10-24 01:44:31
269
异步漫步
解决layui三级联动下拉框更新回显与空值监听失效问题

本文介绍在Layui框架中实现省市区三级联动下拉框时,更新页面数据回显及监听事件触发的常见问题。重点解决当选项值为空字符串时,从具体省份切换至“请选择”状态无法触发监听事件的问题,并提供基于hidden字段记录旧值及form.render()刷新界面的完整代码示例。

2026-10-24 01:41:41
71
键盘侠
Layui数据表格实现跨行自动合并与操作列统一

本文介绍在Layui数据表格中实现跨行自动合并的方法。针对省市区等多级嵌套数据展示需求,通过自定义JS函数实现除操作列外的左侧列自动合并,并将操作按钮按分类单位统一显示。文章提供了完整的HTML结构示例及Layui初始化配置代码,帮助开发者解决复杂层级数据的表格展示与交互问题。

2026-10-24 01:41:14
276
资源驿站
JavaScript中this指向原理详解

本文深入解析JavaScript中this关键字的指向规则。涵盖默认执行指向Window、严格模式下指向undefined、隐式调用指向调用对象及隐式丢失问题、显式绑定(bind/call/apply)修复this,以及构造函数new操作下的实例指向。通过代码示例清晰展示不同场景下的this行为。

2026-10-24 01:40:52
499
闭包旅人
JS利用递归与Promise按顺序请求数据的方法

本文介绍在JavaScript中如何利用递归与Promise机制,解决异步请求顺序执行的问题。通过将Promise链式调用与递归函数结合,确保数据请求严格按照指定顺序进行,适用于TabBar内容加载等场景。

2026-10-24 01:40:34
410
拾光