全部内容
JavaScript实现左右滚动电影画布

本文介绍使用JavaScript实现左右滚动电影画布的方法。通过设置图片容器的绝对定位,并监听鼠标在屏幕左右区域及外部的悬停事件,控制图片的移动与暂停,实现交互效果。

2026-10-23 15:16:48
422
纸飞机
Node.js url模块详解:URL解析、格式化与相对路径处理

本文详细介绍Node.js中url模块的核心功能,涵盖url.parse方法对URL各字段的解析逻辑,包括协议、主机、路径及查询参数的处理;讲解url.format将对象转换为字符串的规则;以及url.resolve处理相对URL路径的机制。通过具体代码示例,帮助开发者掌握Node.js中URL处理的常用技巧与注意事项。

2026-10-23 15:14:38
413
星河
Node.js querystring模块详解:GET与POST数据处理实战

本文深入解析Node.js中querystring模块的核心功能,涵盖parse与stringify方法的参数配置、自定义分隔符及编码处理。通过代码示例演示如何解析GET请求URL参数,以及利用data和end事件拼接处理POST缓冲区数据,帮助开发者掌握Node.js中获取和处理HTTP请求数据的标准实践。

2026-10-23 15:14:04
541
夜航船
JavaScript 实现经典扫雷游戏

本文介绍了一个基于 JavaScript 实现的经典扫雷游戏示例。通过 HTML 表格构建游戏界面,利用 CSS 进行样式美化,并结合 JavaScript 处理点击事件、地雷生成及胜负判定逻辑。文章提供了完整的代码结构说明及运行方法,适合前端初学者学习 DOM 操作与游戏逻辑实现。

2026-10-23 15:13:14
540
函数茶馆
JavaScript判断input输入值为数字的方法

本文介绍在JavaScript中判断HTML input输入值是否为数字的方法。由于input获取的值默认为字符串,Number、typeof等常规方法无效。文章通过正则表达式/^[0-9]+$/进行匹配判断,并演示如何将匹配结果转换为数字参与运算,提供完整代码示例。

2026-10-23 15:13:12
428
半夏
JavaScript去除字符串两端空白字符的方法

本文介绍在JavaScript中实现类似Java trim()功能的字符串处理方法。由于原生JS无trim方法,可通过正则表达式匹配首尾空白字符,结合replace()函数进行替换。示例代码展示了具体实现逻辑及测试效果,供开发者参考使用。

2026-10-23 15:13:06
496
异步漫步
JavaScript 实现可拖拽弹窗盒子的完整代码与原理

本文详细解析如何使用JavaScript实现可拖拽的弹窗盒子效果。通过HTML构建结构,CSS进行居中定位,并利用onmousedown、onmousemove和onmouseup事件监听鼠标位置变化,计算偏移量后动态更新盒子坐标。代码包含关闭、显示及兼容性处理,适合前端初学者参考学习。

2026-10-23 15:12:55
363
流萤
JavaScript实现HTML元素拖拽交互

本文通过JavaScript原生代码演示如何实现HTML元素的拖拽效果。利用HTML5的Drag and Drop API,结合ondragover和ondrop事件,实现元素在不同容器间的移动。文章提供了完整的HTML结构、CSS样式及JS逻辑代码,帮助开发者快速掌握拖拽交互的实现方法。

2026-10-23 15:12:54
316
像素猫
Node.js Crypto模块核心加密技术详解:MD5、AES、Hmac与Diffie-Hellman

本文详细解析Node.js中crypto模块的加密功能,涵盖MD5哈希、Hmac签名、AES对称加密及Diffie-Hellman密钥交换。通过具体代码示例,介绍createHash、createHmac、createCipher及createDiffieHellman等API的使用方法与注意事项,帮助开发者实现安全的数据传输与存储。

2026-10-23 15:12:40
166
墨池
JavaScript 实现鼠标跟随彩色气泡动画效果

本文介绍如何使用 HTML5 Canvas 和 JavaScript 实现一个鼠标跟随的彩色气泡动画效果。通过监听鼠标移动事件,动态生成并绘制具有透明度变化的圆形粒子,形成流畅的视觉交互体验。代码包含完整的样式设置与动画循环逻辑,可直接用于前端页面装饰或交互设计参考。

2026-10-23 15:12:20
478
像素漫游
JavaScript中document.referrer的用法与注意事项

本文介绍JavaScript中document.referrer属性的用法,用于获取用户访问当前页面的来源URL。通过HTML超链接跳转示例,展示其返回完整URL的特性。重点说明该属性在本地文件直接打开时返回空字符串,必须部署到服务器并通过链接访问才能正确获取来源信息。

2026-10-23 15:12:08
449
半夏
JavaScript 函数返回多个数据的方法

本文介绍在 JavaScript 中通过函数返回多个数据的方法。核心思路是将多个值封装在一个对象中,利用对象属性分别存储不同数据。调用时通过解构或点语法访问返回对象中的具体属性,实现多值返回的效果。

2026-10-23 15:11:19
103
青柠