全部内容
JavaScript计算字符串字节长度:UTF-8与GBK编码处理方案

本文介绍在JavaScript中如何准确计算包含中文的字符串字节长度。由于不同编码格式下字符占用的字节数不同,UTF-8编码中中文通常占3个字节,而GBK编码中占2个字节。文章提供了多种实现方案,包括基于charCodeAt判断ASCII与非ASCII字符、正则匹配汉字范围以及区分UTF-8和GBK编码的具体函数实现,帮助开发者根据实际需求选择合适的方法。

2026-10-27 15:32:00
281
小括号
JavaScript中查找不以特定字符结尾的单词实现方法

本文通过JavaScript代码示例,演示如何查找以特定字符开头或结尾的单词。重点解决JavaScript正则不支持逆环视的问题,采用匹配后替换删除的策略,实现查找不以特定字符结尾的单词功能。

2026-10-27 15:30:16
645
代码拾荒
JavaScript日期处理与倒计时实现指南

本文系统梳理JavaScript中Date对象的核心方法,涵盖获取年份、月份、日期及时间等常用操作。通过示例演示如何将日期转换为毫秒级时间戳,并基于时间差计算与setInterval定时器实现倒计时功能。同时解析parseInt在字符串转数字中的应用,为前端时间处理提供完整参考。

2026-10-27 15:29:57
359
拾光
JavaScript基于原型链的继承与封装实现

本文详细解析JavaScript中基于原型链的继承与封装机制。通过自定义extend函数,演示如何根据参数类型(对象或构造函数)动态扩展原型属性。文章包含单参数创建类与双参数继承基类的两种模式,并附带完整的HTML测试代码,帮助开发者理解原型扩展的核心逻辑。

2026-10-27 15:28:56
157
半夏
JavaScript数组排序与去重算法详解:从基础到分治策略

本文详细解析JavaScript中数组排序与去重的多种实现方式。首先介绍使用sort方法配合比较函数进行数字排序,并指出默认按ASCII排序的陷阱。随后深入讲解基于分治思想的排序算法,通过递归分割数组实现高效排序,适用于大数据量场景。最后提供两种数组去重方案:利用indexOf简单遍历去重,以及结合分治策略的高效去重算法,旨在提升代码性能与执行效率。

2026-10-27 15:26:36
458
半夏
几种延迟加载JS代码的方法加快网页的访问速度

本文介绍了通过延迟加载JavaScript代码来加快网页访问速度的几种方法。包括使用setTimeout延时执行、在页面底部插入JS代码块,以及将外部JS文件置于HTML底部。这些策略有助于减少首屏加载时间,提升用户体验。

2026-10-27 15:25:12
144
缓存笔记
JavaScript实现ListBox多选项目批量删除的方法

本文介绍如何在JavaScript中从ListBox同时删除多个选中项目。由于正向删除会导致索引变化,需采用从下至上遍历的方式。提供了原生JS通过options.length逆序遍历及selected属性判断的实现代码,并对比展示了使用jQuery一行代码完成删除的简洁方案。

2026-10-27 15:24:49
271
闭包旅人
原生JS与jQuery操作checkbox的checked属性差异解析

本文对比了原生JavaScript与jQuery在处理checkbox选中状态时的行为差异。重点分析document.getElementById获取的checked属性与HTML源码中checked属性的对应关系,以及jQuery attr方法的行为特点。通过具体代码示例说明如何实现所见即所得的状态同步,推荐在需要精确控制DOM属性时使用原生方法。

2026-10-27 15:24:18
587
异步漫步
jQuery阻止事件冒泡与默认行为详解

本文详解jQuery中阻止事件冒泡与默认行为的三种方法。通过HTML嵌套示例展示冒泡现象,并分别使用event.stopPropagation()、event.preventDefault()及return false进行拦截。涵盖点击事件与表单提交场景,提供完整代码对比,帮助开发者精准控制事件流。

2026-10-27 15:23:17
479
微光
JavaScript 定时器详解:setTimeout 与 setInterval 的区别及清除方法

本文详细解析JavaScript中两种核心定时器:setTimeout用于单次延迟执行,setInterval用于周期性重复执行。文章通过具体代码示例说明参数用法,对比两者行为差异,并介绍如何利用clearTimeout和clearInterval正确释放定时器对象,避免内存泄漏。

2026-10-27 15:22:14
241
木棉
JavaScript 数组详解:创建、索引与常用操作方法

本文深入解析 JavaScript 数组的核心特性,涵盖构造函数与字面量两种创建方式的区别及注意事项。详细阐述数组索引作为对象属性的特殊性、length 属性的动态调整机制,以及 push/pop、shift/unshift 等栈队列操作。重点讲解 splice 方法在增删改中的应用,并剖析 sort 方法默认排序行为与自定义排序函数的实现原理。

2026-10-27 15:21:17
384
函数茶馆