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

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

10.25
热度 357
JS使用window.requestAnimationFrame()实现逐帧动画

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

10.25
热度 640
TypeScript 数组 Array 操作的常用方法

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

10.25
热度 532
TypeScript 遍历数组的常用方法:for..of、for..in、forEach、every 与 some

本文介绍 TypeScript 中遍历数组的五种常用方法。重点区分 for..of(遍历值)与 for..in(遍历索引)的差异,解析标准 for 循环与 forEach 的用法,并说明如何利用 every 和 some 在迭代中实现提前终止,解决 forEach 无法返回的问题。

10.25
热度 264
JavaScript Object.assign 方法详解:语法、用途与注意事项

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

10.25
热度 397
JavaScript数组常用操作方法详解

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

10.25
热度 163
JavaScript 遍历对象与数组的常用方法详解

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

10.25
热度 665
JavaScript实现Canvas涂鸦笔功能详解

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

10.25
热度 431
JavaScript中this关键字的指向规则详解

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

10.25
热度 472
深入解析 JavaScript 异步执行顺序:从同步到微任务与宏任务

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

10.25
热度 317
JavaScript实现动态网页飘落的雪花效果

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

10.25
热度 419
JavaScript实现网页五子棋小游戏

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

10.25
热度 165

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署