全部内容
JavaScript 数据结构之集合创建(1)

本文介绍如何在 JavaScript 中手动实现集合(Set)数据结构。通过对象存储元素,利用 in 运算符或 hasOwnProperty 实现 has 方法,进而构建 add、delete、clear、size 和 values 等核心功能。文章详细解析了元素唯一性与无序性的处理逻辑,并提供了完整的代码实现与使用示例,帮助开发者深入理解集合的本质。

2026-10-25 09:26:02
218
半夏
利用forEach与ES6模板字符串实现Tab导航栏

本文介绍如何使用JavaScript的forEach遍历数组,结合ES6模板字符串动态生成HTML结构,实现Tab导航栏的渲染与交互逻辑。通过示例代码展示如何构建列表及处理鼠标悬停显示子菜单的功能,供开发者参考。

2026-10-25 09:25:38
154
半夏
JavaScript 数据结构之散列表的创建(1)

本文详解 JavaScript 中散列表(哈希表)的原理与基础实现。散列表通过散列函数将键转换为数值索引,实现比字典更快的数据查找。文章介绍了如何创建散列函数、实现 put/get/delete 方法,并展示了基本使用示例,为后续处理哈希冲突奠定基础。

2026-10-25 09:25:16
289
青柠
Vue CLI 3 + Webpack 热更新失效排查与修复指南

本文针对Vue CLI 3项目中Webpack热更新突然失效的问题,深入分析了由Webpack版本差异导致的默认配置变化。通过对比项目配置文件,定位到需手动安装webpack-dev-server并配置vue.config.js。同时提供了MacOS环境下因文件路径大小写不一致引发的热更新失败解决方案,以及runtimeCompiler等常见排查思路,帮助开发者恢复高效的开发体验。

2026-10-25 09:24:31
121
脚本小铺
JavaScript构造函数继承示例:利用call方法实现子类属性复用

本文通过具体代码示例,演示如何在JavaScript中利用构造函数实现继承。核心步骤包括定义父类Person和子类Student,并通过call方法在子类构造函数中调用父类构造函数,从而将父类属性复制到子类实例中,实现属性复用。

2026-10-25 09:24:22
385
青柠
JavaScript数组基础:创建、遍历与操作详解

本文详细介绍JavaScript中数组的基本操作,涵盖数组的构成与分类、使用Array对象或字面量创建数组的方法。重点讲解length属性的获取与修改、通过下标访问与遍历元素(包括for、for...in及ES6的for...of),以及元素的添加、修改、删除和ES6解构赋值技巧,帮助开发者掌握数组核心用法。

2026-10-25 09:23:37
567
青柠
Vue中监听浏览器主动刷新与页面加载的方法

本文介绍在Vue项目中如何准确监听浏览器主动刷新行为。通过结合beforeunload和load事件,在mounted生命周期中注册监听器,并在destroyed中移除,确保刷新时能执行特定逻辑。提供经测试有效的代码示例,解决常见监听失效问题。

2026-10-25 09:22:59
375
青团子
JavaScript实现网页倒计时的完整代码与调用方法

本文提供了一段基于JavaScript的倒计时代码,通过setInterval实现每秒刷新。核心函数ShowCountDown接收目标年月日及容器ID,计算剩余天、时、分、秒并动态更新页面。文中包含完整的JS脚本逻辑及HTML调用示例,适用于各类需要显示剩余时间的网页场景。

2026-10-25 09:22:46
598
纸飞机
Vue3 引入 Element Plus 完整指南:全局注册与按需引入

本文详细记录了在 Vue3 项目中引入 Element Plus 的两种主流方式。首先介绍通过 npm 进行全局注册的标准步骤,包括安装依赖、配置 main.js 及使用示例。随后重点讲解基于 Vite 的按需引入方案,利用 vite-plugin-style-import 和 vite-plugin-components 实现组件与样式的自动加载,优化项目体积。

2026-10-25 09:21:53
207
青团子
兼容IE6-8及Firefox的简洁滚动特效代码

本文分享一段简洁的JavaScript滚动特效代码,该代码在IE6、IE7、IE8及Firefox浏览器中均能良好运行。针对同时滚动多条内容的场景,需通过调整参数C及CSS高度样式进行适配优化。

2026-10-25 09:21:39
215
像素猫
JavaScript闭包解决循环变量引用问题

本文解析JavaScript中循环内函数引用变量导致始终获取最后一个值的常见问题。通过对比直接返回变量与使用闭包按值传递参数的两种实现方式,详细说明了利用立即执行函数将循环变量i的值固定到内部作用域的原理,从而确保每个函数能正确返回对应的索引值。

2026-10-25 09:21:24
652
木棉
JavaScript 函数重载实现:基于模式匹配的 dispatcher 机制

本文介绍如何在 JavaScript 中通过 FunctionH.overload 实现函数重载。利用自定义 dispatcher 函数生成参数特征字符串,结合通配符(*、...、?)构建正则表达式进行模式匹配,从而根据参数类型和数量动态分发执行不同逻辑,提升代码兼容性与优雅度。

2026-10-25 09:20:41
594
木棉