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

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

10.23
热度 580
JavaScript 实现跨浏览器鼠标滚轮事件处理

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

10.23
热度 453
JavaScript 获取键盘按键值的方法(兼容IE与Firefox)

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

10.23
热度 598
解决Webpack打包HTML中img标签src显示[object Module]问题

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

10.23
热度 259
JavaScript 实现 Fetch 请求统一拦截的两种方案

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

10.23
热度 474
JavaScript 相等操作符(==)的隐式转换规则与对象比较详解

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

10.23
热度 387
JavaScript 数组去重的 12 种实现方案与性能分析

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

10.23
热度 566
ES6 实用技巧:数组去重、变量交换与展开运算符详解

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

10.23
热度 191
AngularJS 实现 Bootstrap 模态框的完整示例

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

10.23
热度 306
使用JavaScript计算前一天和后一天的思路详解

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

10.23
热度 624
JavaScript 实现简单计算器功能

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

10.23
热度 358
JavaScript Canvas 实现小鱼游动与眨眼动画详解

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

10.23
热度 136

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署