欢迎来到我的个人博客！这里汇集了我利用业余时间开发的几个 HTML/CSS/JavaScript 小作品，包括实用工具和休闲小游戏。所有项目都直接在浏览器中运行，无需安装，轻松体验。

🌟 项目简介

作为一名前端爱好者，我喜欢用代码实现有趣的想法。这个页面整理了我独立完成或正在完善的作品，它们或许简单，却充满创意和热情。每个项目都开源可复现，技术栈以原生前端技术为主，注重用户体验与交互乐趣。

🛠️ 实用工具集

1. 易HTML编码器

描述：快速格式化、验证和压缩 JSON 数据，支持语法高亮和错误提示。
技术栈：HTML5 + CSS3 + JavaScript
在线体验： 点击这里

2. 卡上记单词

描述：翻卡背单词，可以选择不同词库，也可自定义词库，具有发音功能。
技术栈：HTML5 + CSS3 + JavaScript
在线体验： 点击这里

🎮 休闲小游戏

1. 八数码游戏

描述：通过滑动方块，将打乱顺序的方块重新排列成目标状态。游戏规则虽然简单，但其背后涉及的算法和数学原理相当丰富，是连接游戏娱乐与计算机科学的经典桥梁。本作特点是具有自定义题目和自动解题功能。
技术栈：HTML5 + CSS3 + JavaScript
在线体验：点击这里

2. 华容道游戏

描述：华容道（Klotski）是中国传统智力游戏，起源于古代”捉放曹”的历史故事。游戏在一个矩形棋盘上进行，玩家需要通过滑动不同大小的方块，帮助最大的”曹操”方块从底部开口逃脱。
技术栈：HTML5 + CSS3 + JavaScript
在线体验：点击这里

3. 打砖块游戏

描述：打砖块（Breakout）是一款经典的街机风格电子游戏，玩家通过控制挡板反弹小球，击碎屏幕顶部的砖块阵列。游戏结合了物理模拟、快速反应和策略规划，自1976年诞生以来经久不衰。
技术栈：HTML5 + CSS3 + JavaScript
在线体验： 点击这里

💡 技术栈与开发心得

  • **使用sublimetext4做轻量编辑器，用Emmett、GitGutter等插件来辅助，极大方便了代码的编写。
  • 版本控制：Git + Gitee
  • 部署方式：使用cloudflare提供的pages服务来架设hexo博客
  • 设计理念：轻量、即用、注重交互细节

收获与反思：
这些小项目让我深入理解了 DOM 操作、事件循环、Canvas 绘图等前端核心知识。每一次调试和优化都是对工程思维的锻炼，也让我更加享受创造的乐趣。

🚀 未来计划

  • 添加 PWA 支持，让工具可离线使用
  • 开发一个多人在线协作小游戏
  • 尝试结合 Three.js 制作 3D 交互项目
  • 整理可复用的前端组件库

📬 反馈与交流

如果你对任何项目感兴趣，或有建议与合作想法，欢迎通过以下方式联系我：

感谢访问，希望这些作品能为你带来灵感或片刻欢乐！

—开源协议。欢迎学习、修改与再分发，但请保留原作者信息。

使用提示：

  1. 都是由一个html网页文件组成，极简易用，点开就能用。