全部内容
JavaScript 实现自定义 Tabs 切换插件

本文介绍如何使用 JavaScript 和 jQuery 开发一个轻量级的 Tabs 切换插件。通过封装 $.fn.tabs 方法,支持配置默认激活索引、标题与内容区的激活类名及关联属性。代码展示了 HTML 结构定义、CSS 样式控制以及核心 JS 逻辑,实现点击切换内容并高亮对应按钮的功能。

2026-10-24 09:29:01
107
函数茶馆
JavaScript 处理 UTF-8 编码空格:解决 charCode 160 问题

本文介绍在JavaScript中处理UTF-8编码字符串时,正则表达式\s无法识别Unicode空格(charCode 160)的问题。通过结合正则替换与递归逻辑,实现了对标准空格及特殊空格的完整去除,确保跨编码环境下的字符串trim功能正常。

2026-10-24 09:28:41
169
半夏
原生JavaScript实现简易计算器完整代码与解析

本文介绍如何使用原生JavaScript、HTML和CSS构建一个简易计算器。通过获取DOM元素、绑定点击事件及处理数值与运算符逻辑,实现基本的加减乘除功能。代码包含详细注释,适合初学者学习前端交互与基础算法实现。

2026-10-24 09:28:39
257
异步漫步
jQuery实现鼠标拖动div改变位置与大小的实践

本文介绍了利用jQuery实现类似Windows窗体的交互效果,包括在中间拖动改变div位置以及在边缘拖动调整大小的功能。通过监听鼠标事件,动态改变光标形状以提示用户操作区域,并提供完整的代码示例供开发者参考。

2026-10-24 09:28:05
172
百宝袋
Node.js 使用 Express 自动生成项目并配置开发环境

本文详细介绍使用 Express 生成器自动搭建 Node.js 项目的完整流程。内容涵盖全局安装依赖、利用命令行工具快速生成项目骨架、安装模块依赖及启动服务。针对开发中常见的跨域问题提供解决方案,并演示如何配置 Nodemon 实现代码修改后服务自动重启,提升开发效率。

2026-10-24 09:27:49
609
服务小站
JavaScript 字符串常用方法详解:charAt、substring、indexOf 等核心 API

本文系统梳理 JavaScript 中常用的字符串操作方法,涵盖字符获取、子串截取、位置查找、分割替换及大小写转换等核心功能。通过详解 charAt、charCodeAt、substring、substr、slice、indexOf、lastIndexOf、split、replace、toUpperCase、toLowerCase 及 trim 等方法的语法与用途,帮助开发者高效处理字符串数据。

2026-10-24 09:25:34
259
代码拾荒
React 17 事件机制源码深度解析:从委托绑定到执行流程

本文深入解析 React 17.0.1 版本的事件机制源码。重点阐述事件在 fiberRoot 创建时的委托绑定策略,区分离散、用户阻塞及连续三种事件优先级。详细梳理从原生事件冒泡到合成事件收集、再到 dispatchQueue 执行的全链路流程,并解释原生 stopPropagation 对合成事件的影响原理。

2026-10-24 09:25:13
541
星野
JavaScript 实现仿苹果风格计算器

本文提供使用 JavaScript、HTML 和 CSS 构建仿苹果风格计算器的完整代码示例。内容涵盖界面布局、样式设计及核心交互逻辑,包括数字输入、运算处理及删除功能,适合前端初学者参考学习。

2026-10-24 09:24:17
192
代码拾荒
JavaScript基础入门:语法、对象与核心概念解析

本文系统讲解JavaScript基础核心内容,对比其与Java的关键差异,涵盖变量定义、运算符特性、函数创建(含动态与匿名函数)、数组操作及内置与自定义对象的使用。重点解析弱类型机制、参数传递规则及对象成员访问方法,帮助初学者快速掌握JavaScript编程规范与核心语法。

2026-10-24 09:23:59
317
半夏
wavesurfer.js实现音频波形图与区域选中的完整指南

本文详细介绍如何使用wavesurfer.js在Web端绘制音频波形图,并实现向前与向后区域选中的交互功能。通过Vue框架集成wavesurfer,结合时间轴与频谱图展示,提供完整的代码示例与配置说明,帮助开发者快速掌握音频可视化与交互控制的核心技术。

2026-10-24 09:23:15
443
阿沐
XHTML下JS浮动代码失效的解决方案

本文解析了在XHTML标准文档类型下,JavaScript浮动代码失效的原因及解决方法。核心问题在于滚动条归属对象不同,需将document.body.scrollTop替换为document.documentElement.scrollTop,并增加兼容性判断以支持非XHTML环境。

2026-10-24 09:23:00
407
函数茶馆
JavaScript 继承的 6 种方式详解:从原型链到寄生组合

本文详细解析JavaScript中实现继承的六种核心方式,包括原型链、构造函数、组合、原型式、寄生式及寄生组合继承。重点分析各模式的优缺点,如属性共享、参数传递及内存效率,并推荐寄生组合继承为最佳实践方案,帮助开发者根据场景选择合适方案。

2026-10-24 09:22:44
307
代码拾荒