全部内容
JavaScript Promise 详解:特性、API 与封装实战

本文深入解析 JavaScript 中 Promise 的核心概念、三种状态及优缺点。详细讲解 then、catch、finally 等实例方法,以及 all、race、allSettled 等静态方法的适用场景。结合代码示例,演示如何封装 Promise 并处理常见异步问题,帮助开发者掌握现代 JS 异步编程的最佳实践。

2026-10-26 11:24:43
509
代码拾荒
PDF.js 文件预览实战:静态资源、Canvas 渲染与分片加载优化

本文总结 PDF.js 在 Web 项目中的两种主要使用方式:静态资源引入与 npm 模块导入。重点解析了通过 Canvas 渲染 PDF 页面时的尺寸适配问题,以及针对大文件白屏现象的分片下载(Range 请求)优化方案。文章详细说明了如何通过配置 getDocument API、处理 HTTP 206 状态码及跨域响应头 Access-Control-Expose-Headers 来确保分片加载的稳定性,并提供了完整的代码实现思路与注意事项。

2026-10-26 11:23:47
527
巡夜人
JavaScript Canvas 实现 Flappy Bird 游戏全流程详解

本文详细解析如何使用 HTML5 Canvas 和 JavaScript 从零开发 Flappy Bird 游戏。内容涵盖画布初始化、异步资源加载、背景与地面的无限滚动渲染、小鸟飞行物理逻辑以及基于坐标的碰撞检测机制,提供完整的代码实现思路。

2026-10-26 11:22:53
326
页面旅途
JavaScript原生实现addClass、removeClass与hasClass方法

本文提供JavaScript原生代码,通过正则表达式匹配className属性,实现addClass、removeClass和hasClass三个基础DOM操作函数。代码包含完整的函数定义及调用示例,无需依赖第三方库即可在页面元素上动态添加、移除或判断CSS类名。

2026-10-26 11:22:11
258
木棉
JavaScript中动态执行字符串函数的两种实现方式

本文介绍了在JavaScript中将字符串作为函数执行的两种常见方法。第一种是通过window对象直接调用全局函数,适用于命名明确的场景;第二种是利用eval函数解析并执行字符串代码。文章通过具体代码示例展示了这两种技术的实现细节与使用差异。

2026-10-26 11:21:30
320
闭包旅人
JavaScript 中 Require 与 Import 的核心区别详解

本文深入解析 JavaScript 中 require 与 import 的核心差异。require 是 Node.js 内置的同步加载方法,支持运行时动态加载并具备模块缓存机制;import 是 ES6 标准的异步加载关键字,支持按需导入特定导出内容。两者在加载时机、语法灵活性及执行方式上存在显著不同,开发者可根据具体场景选择适用方案。

2026-10-26 11:21:20
544
终端旅客
一文带你搞懂JS中导入模块import和require的区别

本文详细解析JavaScript中import和require两种模块导入方式的核心区别。涵盖语法差异、文件类型支持、静态与动态执行机制、导出方式对比以及模块作用域与副作用处理,帮助开发者根据项目需求选择合适的模块加载方案。

2026-10-26 11:20:31
377
慢半拍
JavaScript WebSocket 完整使用指南:属性、方法与实战示例

本文详细介绍JavaScript中WebSocket对象的使用方法,涵盖创建连接、状态监听、数据收发及关闭连接等核心功能。通过具体代码示例解析readyState、onopen、onmessage、onclose等关键属性与事件,帮助开发者快速掌握前端实时通信技术。

2026-10-26 11:17:46
127
半夏
JavaScript实现图片放大缩小功能的核心逻辑

本文介绍了一种使用JavaScript对象管理图片缩放状态的方法。通过定义缩放率、当前倍数及初始宽高,利用Math.pow计算任意次幂后的尺寸,并动态修改元素style属性实现放大缩小。代码包含重置、累加计数及onload初始化逻辑,确保获取准确的图片原始尺寸。

2026-10-26 11:17:44
286
木棉
微信小程序集成Three.js实现3D模型渲染教程

本文详细介绍如何在微信小程序中集成three.weapp.js库,实现3D场景初始化、相机控制及GLTF模型加载。通过绑定Canvas节点、配置场景与灯光,并处理线上模型加载限制,提供从环境搭建到代码实现的完整步骤,帮助开发者在移动端实现高性能3D展示。

2026-10-26 11:17:01
92
提示词匠
JS实现可拖拽弹出层效果

本文介绍如何使用原生 JavaScript 实现一个支持拖拽操作的弹出层。通过简单的 HTML 结构配合 CSS 样式与 JS 事件监听,实现点击按钮弹出窗口及鼠标拖动功能,适用于需要轻量级交互的前端场景。

2026-10-26 11:13:59
169
函数茶馆
JS判断元素是否存在于数组的5种方法详解

本文总结JavaScript中判断元素是否存在于数组的五种常用方法:indexOf、includes、some、filter和find。重点解析各方法的语法、参数及返回值,并深入探讨它们在处理NaN、对象、数组等复杂数据类型时的差异与局限性,帮助开发者根据实际需求选择最优方案。

2026-10-26 11:13:13
276
木棉