全部内容
JavaScript 实现可拖动弹出窗口组件

本文介绍一个基于原生 JavaScript 实现的轻量级可拖动弹出窗口组件。该组件支持自定义标题、尺寸、背景及字体颜色,具备最大化/最小化、关闭及半透明遮罩功能。通过 DivWindow 构造函数创建实例,利用 open() 方法显示窗口,并可通过 setPopupColor 等接口调整视觉风格,适用于需要模态交互的 Web 页面。

2026-10-23 12:52:17
243
像素漫游
layui table 分页后保持复选框选中状态解决方案

本文介绍如何在 layui table 组件中实现分页后复选框选中状态的持久化。通过修改 table.js 源码引入全局变量记录选中 ID,并结合后端接口根据 ID 列表回显选中状态,最终在前端初始化时调用特定方法完成状态恢复,确保用户跳页后返回仍能保留原有选择。

2026-10-23 12:25:50
400
键盘侠
Layui Form 提交表单中 lay-submit 与 lay-filter 的使用要点

本文介绍Layui框架中实现表单提交的关键属性。使用button作为提交按钮时,必须添加lay-submit标识,并配合lay-filter指定事件过滤器。通过form.on监听对应过滤器名称,可获取提交数据并控制提交行为,如返回false阻止默认跳转。

2026-10-23 12:23:51
321
资源驿站
JavaScript与CSS在IE和Firefox中的兼容性问题详解

本文详细分析了JavaScript与CSS在IE与Firefox浏览器中的核心差异,涵盖表单访问、事件对象属性、窗口操作及CSS样式处理等常见问题。通过统一使用标准DOM方法和属性,如getElementById、getAttribute及标准CSS属性,可有效解决跨浏览器兼容难题,确保代码在多种环境下稳定运行。

2026-10-23 12:21:35
429
竹影
JavaScript 实现简单随机 3D 骰子动画

本文介绍如何使用 HTML、CSS3 和 JavaScript 实现一个简单的随机 3D 骰子效果。通过 CSS3 的 transform 属性构建立方体结构,利用关键帧动画模拟投掷过程,并结合 JS 计算最终随机点数与旋转角度的对应关系,完整展示前端交互逻辑与代码实现。

2026-10-23 12:19:51
509
窗边听雨
JavaScript 实现 Canvas 圆形动态时钟

本文提供基于 HTML5 Canvas 和 JavaScript 实现圆形动态时钟的完整代码示例。通过获取 Canvas 上下文,利用 arc 方法绘制表盘,结合 setInterval 定时器每秒刷新时间,展示指针运动效果。代码包含基础样式设置与核心绘制逻辑,适合前端初学者参考学习。

2026-10-23 12:17:31
431
小圆点
p5.js实战:利用正六边形与变换函数实现动态图形生成

本文介绍如何使用p5.js库进行代码绘图,通过定义正六边形函数并结合translate平移与rotate旋转函数,实现基础图形的批量排列与持续旋转效果。文章提供了完整代码示例,并演示了如何通过调整颜色与时间参数对图形进行简单改编,帮助初学者理解编程生成动态视觉元素的基本逻辑。

2026-10-23 12:12:02
347
闭包旅人
JS实现静态HTML表格排序功能

本文介绍如何在纯静态HTML页面中利用JavaScript实现表格数据的排序功能。通过引入外部JS脚本并刷新页面,即可对表格内容进行排序操作。文中提供了包含运行、复制及保存代码按钮的完整示例结构,适用于需要简单前端排序功能的场景。

2026-10-23 12:02:15
414
交互手记
JavaScript获取Session值、作用域与闭包详解

本文详解JavaScript中获取Session值的方法,强调JSP表达式需包裹在引号内。深入解析全局与局部作用域、函数作用域及作用域链机制,并阐述闭包的定义、用途及内存管理注意事项,帮助开发者掌握JS核心概念。

2026-10-23 12:01:57
266
纸飞机
JavaScript中this指向详解与实战分析

本文深入解析JavaScript中this的指向机制,通过类比主体与环境的关系,阐明this与函数定义位置无关的核心原则。详细列举了全局调用、对象方法调用、事件绑定及立即执行函数中this的判定规则,并结合一道经典面试题剖析堆栈内存与闭包对this及变量作用域的影响,最后提供累加器功能的多种实现方案。

2026-10-23 11:58:22
84
纸飞机
JavaScript数组sort()排序方法详解与数值排序实现

本文详解JavaScript中数组sort()方法的默认排序机制及自定义排序规则。通过示例展示如何编写比较函数实现数值类型的升序与降序排列,解决默认按字符ASCII排序导致的数值排序错误问题,并提供完整的HTML及JS代码供参考测试。

2026-10-23 11:57:58
519
纸飞机
JavaScript 类型转换:其他类型转为 Number 的规则与实战

本文详解 JavaScript 中将其他数据类型转换为 Number 类型的完整规则。涵盖基本类型如字符串(含空字符串与无效字符处理)、布尔值、null 和 undefined 的转换结果,以及引用数据类型通过 toString() 转为字符串再转数字的机制。结合具体代码示例与面试题解析,帮助开发者准确掌握类型转换细节,避免常见陷阱。

2026-10-23 11:57:46
527
开源拾贝