全部内容
jQuery实现二级左侧折叠菜单的三种交互模式

本文详细介绍基于jQuery实现后台管理系统中左侧二级菜单的折叠功能。重点解析三种常见的交互状态:独立开关、一级互斥且二级保留状态、以及一级互斥且二级联动关闭。通过具体代码示例与运行截图,帮助开发者快速掌握不同场景下的菜单逻辑实现。

2026-10-21 19:09:11
360
键盘侠
JavaScript为页面所有图片添加点击事件并新窗口打开

本文介绍如何使用JavaScript遍历页面中所有img元素,为每个图片添加onclick点击事件。当用户点击图片时,通过window.open方法在新窗口中查看原图,并将鼠标悬停样式改为手型指针。

2026-10-21 19:08:57
471
小圆点
JavaScript 使用正则表达式去除字符串首尾空格

本文介绍在 JavaScript 中利用正则表达式去除字符串左右空格的具体实现方法。通过定义 ltrim、rtrim 和 trim 函数,分别处理左侧、右侧及两侧的空格,并提供在线测试工具链接以辅助开发者验证正则效果。

2026-10-21 19:08:44
320
木棉
JavaScript中利用正则表达式实现字符串全局替换

本文详解JavaScript中Replace函数默认仅替换首个匹配项的限制,并通过引入正则表达式及gi参数实现字符串的全局替换。通过对比普通替换与正则替换的代码示例,解析g(全局扫描)和i(忽略大小写)的具体含义,帮助开发者解决批量替换字符串的需求。

2026-10-21 19:08:29
353
纸飞机
JavaScript 实现 ASCII 与 Hex 字符串互转

本文介绍在 JavaScript 中实现 ASCII 码与十六进制(Hex)字符串相互转换的方法。通过预定义字符集与索引映射,分别编写 toAscii 和 toHex 函数,处理字符与十六进制对的解析与生成,适用于需要底层编码转换的场景。

2026-10-21 19:08:10
359
代码拾荒
JavaScript 扩展 String.prototype.trim 去除首尾指定字符

本文介绍如何扩展 JavaScript 的 String.prototype.trim 方法,使其支持去除字符串首尾的指定字符。通过判断 type 参数(left、right 或默认),利用正则表达式分别处理左侧、右侧或两侧的字符,并保留原生空白去除逻辑。

2026-10-21 19:08:03
556
闭包旅人
JavaScript判断字符串是否以指定子串开头的两种方法

本文介绍在JavaScript中判断字符串是否以特定子串开头的两种常用方法。传统方式利用indexOf函数检查返回值是否为0,适用于所有浏览器;现代ES6标准推荐使用startsWith方法,语义更清晰且性能更优。文章提供了具体的代码示例和适用场景说明,帮助开发者根据需求选择合适方案。

2026-10-21 19:08:01
184
木棉
JavaScript replace() 第二个参数为函数时的参数详解

本文深入解析JavaScript中replace()方法第二个参数为函数时的行为机制。当替换值为函数时,该函数会被调用并接收多个参数,包括匹配字符串、捕获组、偏移量及原字符串。通过对比普通字符串与全局正则表达式的执行差异,阐明参数传递的具体规则及exec()返回数组的对应关系。

2026-10-21 19:07:56
80
青柠
JavaScript 实现十六进制与 ASCII 字符互转

本文介绍在 JavaScript 中将十六进制数字转换为对应 ASCII 字符,以及将字符转换回十六进制数值的方法。核心利用 String.fromCharCode 生成字符,并通过 charCodeAt 获取其十进制编码,最终转换为十六进制字符串,实现双向转换逻辑。

2026-10-21 19:07:47
98
闭包旅人
JavaScript Prototype原型详解

本文详解JavaScript中Prototype原型的概念与作用。通过构造函数、原型对象及实例间[[Prototype]]指针的关系,结合代码实例分析原型重置对属性访问的影响,帮助理解对象继承机制。

2026-10-21 19:07:35
479
纸飞机
JavaScript运行时类型安全:浮点数、整数与布尔值的高性能格式化方案

针对JavaScript弱类型特性导致的运行时错误,本文介绍几种高性能的类型格式化方法。通过位运算技巧,实现浮点数保留、32位有符号/无符号整数截断及布尔值转换。这些方法能确保组件内部数据一致性,避免NaN污染或内存泄漏,提升框架健壮性。

2026-10-21 19:07:15
325
性能诊所
JavaScript 实现数字每四位用空格分隔的示例

本文介绍如何使用 JavaScript 结合正则表达式,实现将输入的数字每隔四位自动插入空格分隔的功能。通过 jQuery 监听输入事件,利用 replace 方法和正则分组语法,可模拟银行卡号输入时的格式化效果,提升用户填写体验。

2026-10-21 19:06:29
587
代码拾荒