- 博客(3)
- 收藏
- 关注
RSS订阅原创 JavaScript执行机制、以及宏任务和微任务执行方式
JavaScript 是一门单线程语言，但通过 事件循环（Event Loop） 实现了高效的异步非阻塞执行模型。理解其执行机制，是掌握前端异步编程、避免回调地狱、应对大厂面试的核心基础。
2026-01-07 15:41:19
278
原创 物理引擎matter.js
Matter.js 是一个轻量级的 2D 物理引擎库，用于创建和模拟物理世界中的物体运动。主要模块包括 Engine（物理引擎）、Render（渲染器）、World（物理世界容器）和 Bodies（创建刚体）。通过 Bodies.circle 等方法可以创建圆形刚体，并配置弹性、摩擦力等物理属性。Engine.create() 初始化物理引擎，Render.create() 创建可视化渲染。World 作为容器存放所有物体，通过 Engine.run() 启动模拟。Matter.js 还支持鼠标交互，Mat
2025-06-17 10:14:58
982
原创 气泡图+物理引擎（前端React）
本文介绍了使用React+Next.js+Matter.js+Canvas实现带物理引擎的气泡图。通过Matter.js为气泡添加弹力、浮力等物理效果，使其呈现真实气泡运动状态。文章包含关键代码实现：创建随机气泡、设置物理参数（弹性、阻力等）、处理鼠标交互，以及搭建物理引擎环境。效果展示中，100个彩色气泡在画布中自然运动，用户可通过鼠标拖拽互动。该方案可轻松移植到其他语言，并提供了Matter.js官方文档和示例参考链接。
2025-06-16 09:33:37
297
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人