全部内容
JavaScript计算字符串实际长度(含中英文)的三种实现方式

本文介绍在JavaScript中计算包含中英文字符串实际长度的三种常用方法。通过charCodeAt判断Unicode编码范围、简化位运算判断,以及将中文替换为双字节英文字符后计算长度。其中第三种方法利用正则表达式替换,代码简洁且推荐使用。

2026-10-25 12:59:01
357
半夏
JS使用window.requestAnimationFrame()实现逐帧动画

本文详解JavaScript中window.requestAnimationFrame()方法,该方法用于请求浏览器在下一次重绘前执行动画回调。通过对比传统定时器,阐述其在后台标签页自动降频的优势。文章包含基本语法、浏览器兼容性说明及返回顶部、锚点定位等实战Demo,并提供主流兼容封装代码,帮助开发者实现高性能逐帧动画。

2026-10-25 12:59:00
640
竹影
TypeScript 数组 Array 操作的常用方法

本文整理 TypeScript 中数组 Array 的常用操作方法,涵盖数组声明、初始化、元素赋值与增删、数组合并与截取、元素查找、连接以及排序反序等核心功能。通过具体代码示例,帮助开发者快速回顾并掌握 TypeScript 数组处理的关键技巧。

2026-10-25 12:58:51
532
代码拾荒
JavaScript Object.assign 方法详解:语法、用途与注意事项

本文详细介绍 JavaScript 中 Object.assign 方法的基本语法与核心用途。该方法用于将源对象的可枚举属性复制到目标对象,常用于合并多个对象、实现对象浅克隆以及修改特定属性值。文章通过具体代码示例展示了其工作原理及在实际开发中的应用场景,帮助开发者更高效地处理对象数据。

2026-10-25 12:57:21
397
纸飞机
JavaScript数组常用操作方法详解

本文系统总结了JavaScript中常用的数组操作方法,涵盖数组与字符串的相互转换、数组去重技巧,以及concat、join、pop、push、reverse、shift、slice、sort、splice、toString、toLocaleString、unshift和valueOf等核心API的功能说明与使用示例,帮助开发者高效处理数组数据。

2026-10-25 12:57:09
163
青柠
JavaScript 遍历对象与数组的常用方法详解

本文系统总结了JavaScript中遍历对象和数组的多种常用方法。针对对象,详细解析了Object.keys、for...in、Object.getOwnPropertyNames及Reflect.ownKeys的区别与适用场景;针对数组,对比了forEach、for...in以及for...of遍历器的特性,特别指出for...of对类数组对象和字符串的支持。通过代码示例帮助开发者根据实际需求选择最优遍历方案。

2026-10-25 12:56:53
665
纸飞机
JavaScript实现Canvas涂鸦笔功能详解

本文详细介绍如何使用JavaScript和Canvas元素实现一个简易的涂鸦笔功能。内容涵盖HTML画布创建、CSS样式设置,以及通过监听mousedown、mouseup、mouseover等鼠标事件来控制绘图状态。重点解析了如何动态调整画笔颜色(HSL模式)与粗细,并利用beginPath、moveTo和lineTo方法绘制连续线条,最终通过stroke()完成渲染。

2026-10-25 12:56:41
431
像素猫
JavaScript中this关键字的指向规则详解

本文总结JavaScript中this关键字在不同环境下的指向规则。全局环境中this指向window;事件处理函数中指向触发事件的DOM节点;构造函数中指向新创建的对象实例。通过具体代码示例清晰展示各场景下的行为差异,帮助开发者准确理解并应用this关键字。

2026-10-25 12:56:31
472
半夏
深入解析 JavaScript 异步执行顺序:从同步到微任务与宏任务

本文详细解析 JavaScript 异步代码的执行顺序,涵盖同步代码优先、微任务(如 Promise)与宏任务(如 setTimeout)的队列机制,以及 Node.js 中 process.nextTick 的特殊优先级。通过多个包含 async/await 和 Promise 链式调用的代码示例,逐步演示事件循环(Event Loop)如何处理任务队列,帮助开发者准确预测复杂异步场景下的输出结果。

2026-10-25 12:56:27
317
异步漫步
JavaScript实现动态网页飘落的雪花效果

本文介绍使用JavaScript实现网页动态雪花飘落效果的完整代码与核心逻辑。通过定义多层雪花、利用Math.sin控制水平摇摆、结合随机数设定大小与位置,并借助setTimeout实现动画循环,展示前端交互特效的具体实现方法。

2026-10-25 12:56:19
419
异步漫步
JavaScript实现网页五子棋小游戏

本文介绍使用JavaScript开发网页版五子棋小游戏的完整实现方案。内容涵盖游戏初始化逻辑、随机先手判定、黑白棋子状态管理、胜负判定算法以及重新开始功能。通过Math.random()和addEventListener()等核心API,结合HTML表格布局与CSS样式,实现完整的交互体验。

2026-10-25 12:56:04
165
半夏