全部内容
基于JS与localStorage实现搜索框历史记录功能

本文介绍如何使用JavaScript结合localStorage实现搜索框的历史记录功能。通过监听输入框的焦点事件,从本地存储读取并渲染历史数据;在提交搜索时,将新关键词存入localStorage,并限制最大历史记录数量。示例代码包含HTML结构、CSS样式及jQuery实现的逻辑,帮助开发者快速掌握前端本地存储的应用。

2026-10-23 14:04:56
580
小括号
JavaScript 实现跨浏览器鼠标滚轮事件处理

本文介绍如何在JavaScript中统一处理不同浏览器的鼠标滚轮事件。通过封装wheelEvent类,兼容Firefox的DOMMouseScroll与IE的onmousewheel,并标准化delta值计算,实现跨浏览器的平滑滚动控制。

2026-10-23 14:03:57
453
微光
JavaScript 获取键盘按键值的方法(兼容IE与Firefox)

本文介绍在JavaScript中获取用户按下键盘按键值的通用方法,重点解决IE与Firefox浏览器之间的兼容性问题。通过监听键盘事件并获取按键代码,实现跨浏览器的键盘输入识别功能,适用于需要捕获特定按键操作的Web应用场景。

2026-10-23 14:03:39
598
交互手记
解决Webpack打包HTML中img标签src显示[object Module]问题

本文针对Webpack打包HTML文件时,img标签的src属性错误显示为[object Module]的问题进行分析。该问题通常由file-loader新版本默认启用esModule导致。通过配置file-loader的esModule选项为false,可恢复正常的图片路径输出,确保打包结果正确。

2026-10-23 13:59:58
259
测试手账
JavaScript 实现 Fetch 请求统一拦截的两种方案

本文介绍在 JavaScript 中实现 Fetch 请求统一拦截的两种核心方法。由于原生 Fetch 缺乏内置拦截器,文章详细讲解了如何利用 Object.defineProperty 重写 window.fetch 属性,以及基于 Vue3 原理的 Proxy 方案。通过覆盖全局 fetch 方法,开发者可以在请求发出前统一添加 Token、设置 Header,或在响应返回后统一处理状态码,从而简化前端网络请求逻辑。

2026-10-23 13:59:24
474
拾光
JavaScript 相等操作符(==)的隐式转换规则与对象比较详解

本文详细解析 JavaScript 中相等操作符(==)的工作机制。重点阐述其在比较不同数据类型时的隐式转换规则,包括布尔值、字符串、数值及对象的转换逻辑。同时深入探讨引用类型在堆内存中的地址比较,解释为何 {} == {} 和 [] == [] 返回 false,以及逻辑非运算符优先级对比较结果的影响。

2026-10-23 13:58:38
387
百宝袋
JavaScript 数组去重的 12 种实现方案与性能分析

本文汇总了 JavaScript 中数组去重的 12 种常见实现方式,涵盖从 ES5 的双层循环到 ES6 的 Set 及 Map 数据结构。文章详细解析了每种方法的代码逻辑、适用场景及局限性,特别指出了 NaN 和空对象在去重时的特殊表现,并引用了高性能数组去重的相关建议,旨在为前端开发提供全面的技术参考。

2026-10-23 13:58:23
566
拾光
ES6 实用技巧:数组去重、变量交换与展开运算符详解

本文总结 ES6 常用编程技巧,涵盖数组去重、变量值交换、字符串处理、箭头函数简化回调、数组合并、字符串反转及数组降维等场景。通过对比 ES5 与 ES6 写法,展示 Set、解构赋值、展开运算符及 Generator 迭代器的实际用法,帮助开发者提升代码简洁性与执行效率。

2026-10-23 13:58:05
191
木棉
AngularJS 实现 Bootstrap 模态框的完整示例

本文通过具体代码实例,详细演示了如何在 AngularJS 项目中集成 Bootstrap 模态框。内容涵盖触发按钮的 HTML 编写、模态框结构定义以及对应的 JavaScript 控制逻辑,旨在为开发者提供清晰的前端交互实现方案。

2026-10-23 13:57:48
306
键盘侠
使用JavaScript计算前一天和后一天的思路详解

本文详细讲解如何利用JavaScript的时间戳机制,通过获取当前时间与1970年的毫秒差,结合一天的固定毫秒数,实现页面上“前一天”和“后一天”按钮点击后的日期动态切换功能。

2026-10-23 13:57:41
624
拾光
JavaScript 实现简单计算器功能

本文介绍了如何使用 JavaScript 实现一个简单的前端计算器。通过结合 HTML 构建界面、CSS 进行样式布局以及 JavaScript 处理点击事件,展示了一个包含数字输入、运算操作及清除功能的基础计算器实现方案。

2026-10-23 13:57:28
358
纸飞机
JavaScript Canvas 实现小鱼游动与眨眼动画详解

本文介绍如何利用 JavaScript 和 Canvas 技术,通过循环加载多张图片实现小鱼的游动和眨眼动画。核心思路包括将图片资源存入数组,使用计时器控制帧切换间隔,并通过计数器索引当前显示的图片。文章详细拆解了鱼身、尾巴匀速摆动及眼睛随机眨眼的实现逻辑,提供了完整的代码示例与关键参数说明。

2026-10-23 13:57:27
136
流萤