开源项目 · 前端练习

AwesomeWeb 前端小项目合集

把好玩的交互，一个个做出来。

学习前端过程中攒下来的小项目：Canvas 动画、鼠标拖尾、弹幕、轮播、网页宠物、提示框插件和几个完整页面。每个目录都能单独打开，适合找灵感或拆代码。

里面有什么

粒子、爆炸、星空、飞鸟和“Canvas 百战成神”系列练习，适合练手绘循环和坐标系。

鼠标拖尾、点击爆炸、文字出现消失、弹幕、轮播图和提示框插件。

GitHub 注册页动态星空、商城作业、CSDN 皮肤、ECharts 示例等可以整体参考的页面。

愤怒的南瓜、网页宠物、量子纠缠标签页通讯、Mac 窗口最小化动画等偏实验的 demo。

大部分目录是纯静态页面，直接打开 index.html 就能看。涉及 fetch、模块加载或跨目录资源的 demo，建议在该目录起一个本地静态服务：

bash

cd AwesomeWeb
python -m http.server 8000
# 打开 http://127.0.0.1:8000

部分示例依赖 jQuery、Canvas 或旧版浏览器 API，代码风格也保留了学习过程中的不同阶段。用之前先看对应目录里的文件和说明，按需替换依赖。

仓库里部分素材可能来自网络或第三方示例；如果要公开部署或商用，请先确认对应目录里的素材授权。

问题、建议或想要的功能，欢迎在仓库里提 Issue。