全部内容
JavaScript HTML5游戏开发:A*寻路算法完整实现与示例

本文深入解析JavaScript与HTML5游戏开发中常用的A*寻路算法。通过完整的代码实例,展示如何在Canvas环境中实现高效的路径搜索,包含算法原理、代码结构及运行效果演示,帮助开发者掌握游戏AI移动逻辑的核心技术。

2026-10-22 19:39:17
201
白露
JavaScript 事件循环(Event Loop)机制深度解析

本文深入解析 JavaScript 单线程模型下的事件循环机制。通过剖析同步与异步代码的执行流程,详细阐述宏任务与微任务的优先级差异,并结合 setTimeout 与 Promise 示例,解释代码实际执行时间与预期延时不符的原因,帮助开发者掌握 JS 异步编程核心原理。

2026-10-22 19:39:04
175
函数茶馆
webpack-dev-server proxyTable pathRewrite 无效时的解决方案

本文针对webpack 3.6与webpack-dev-server 2.9.1版本,探讨proxyTable配置中pathRewrite无效的问题。通过对比网络常见方法与作者实测结果,指出将匹配键从'/api'改为'/api/*'可有效解决路径重写失效导致的跨域请求失败,并提供具体配置示例。

2026-10-22 19:38:44
96
工具箱
JavaScript实现HTML字符转义与反转义的两种方案

本文介绍在JavaScript中处理HTML特殊字符的两种常用方法。首先解析浏览器内置的DOM API实现HTML编码与解码,利用createElement动态创建元素获取innerHTML或innerText。其次提供基于正则表达式的通用转码与解码方案,涵盖<、>、&等常见符号的替换逻辑,并说明其在防止XSS攻击中的应用。

2026-10-22 19:38:10
590
页面旅途
JavaScript实现邮箱后缀自动提示与键盘交互功能

本文详细讲解如何使用原生JavaScript实现邮箱输入框的后缀自动提示功能。内容涵盖基础提示逻辑、针对包含@符号的输入优化前缀匹配、通过CSS实现鼠标悬停与点击交互、处理特殊字符转义以防止XSS攻击,以及利用键盘上下键和回车键进行高效选择。同时包含焦点管理与用户体验优化的完整代码示例。

2026-10-22 19:38:06
445
微光
JS/HTML5游戏开发:普里姆算法生成随机迷宫详解

本文详解JavaScript游戏中常用的随机迷宫生成算法——普里姆算法。通过二维数组构建逻辑地图,利用随机访问与打通墙壁机制生成连通迷宫,并结合寻路算法实现角色自动移动。包含完整代码示例及在线测试工具,适用于RPG等游戏开发场景。

2026-10-22 19:37:54
322
纸飞机
JS/HTML5游戏开发:分离轴定理(SAT)碰撞检测详解

本文详解JavaScript中基于分离轴定理(SAT)的碰撞检测算法。通过电筒阴影类比解释原理,涵盖凸多边形与圆的检测逻辑,提供从法向量投影到重叠判断的完整步骤,并附带HTML5 Canvas实现代码与在线测试示例。

2026-10-22 19:37:38
164
函数茶馆
JS/HTML5游戏开发:矩形包围盒(AABB)碰撞检测算法详解

本文详解JavaScript和HTML5游戏中常用的矩形包围盒(AABB)碰撞检测算法。通过最小最大顶点法与中心点半径法两种描述方式,解析碰撞判断逻辑与代码实现。对比两种方法的计算效率,指出轴对齐包围盒在无需旋转场景下的高效性与精度优势,并提供完整DEMO代码供开发者参考。

2026-10-22 19:37:30
544
半夏
JS/HTML5游戏碰撞检测:圆形包围盒算法详解

本文详解JavaScript与HTML5游戏中常用的圆形包围盒碰撞检测算法。通过比较两圆圆心距离平方与半径之和的平方,避免开方运算以提升性能。文章提供核心检测函数及完整Canvas示例代码,适用于需要高效处理大量物体碰撞的游戏场景。

2026-10-22 19:37:08
442
纸飞机
Egg.js 自定义请求级日志实现指南

本文详细介绍如何在 Egg.js 框架中自定义请求级别的日志格式。通过继承 egg-logger 的 FileTransport 类,绕过原生 Context Logger 对 formatter 参数的限制,实现包含时间、进程ID、TraceId 等字段的统一日志规范。

2026-10-22 19:37:01
504
百宝袋