功能我不会前端技术，不懂现代 web 开发，顶多只懂一点点 html 和 css，在 Claude3.5 和 GPT4 的助攻下，完成了一些有意思的小组件，我把它们集成在这个演示站点。站点使用 React 和 Gatsby 进行静态站点生成（SSG），部署在 Netlify 上。功能上包括站点地图自动生成、Google Analytics 集成和 i18n 国际化支持。目前主要有下面一些有意思的小组件，我会用 AI 持续增加更多项目。- 算法：探索经典算法的交互式可视化，如 BFS 寻路、A* 搜索、Dijkstra 算法，堆操作，trie 前缀树。- 游戏：实现了一些经典的游戏，如五子棋、中国象棋、俄罗斯方块，2048，贪吃蛇等。- 其他：一些有趣的小组件，如动态图表：体验动态条形图和其他数据可视化。网站地址：https://gallery.selfboot.cn/## 部分截图<div style="display: flex; justify-content: space-between; margin-bottom: 20px;"> <img src="https://slefboot-1251736664.file.myqcloud.com/20240706_ai_gallery_bfs_path.gif" alt="BFS 路径搜索" width="32%" height="200"> <img src="https://slefboot-1251736664.file.myqcloud.com/20240709_ai_gallery_dijkstra_v3.gif" alt="Dijkstra 最短路径" width="32%" height="200"> <img src="https://slefboot-1251736664.file.myqcloud.com/20240706_ai_gallery_heapv2.gif" alt="堆数据结构" width="32%" height="200"></div>游戏：实现了一些经典的游戏，如五子棋、中国象棋、俄罗斯方块和 2048。<div style="display: flex; justify-content: space-between; margin-bottom: 20px;"> <img src="https://slefboot-1251736664.file.myqcloud.com/20240704_ai_gallery_gomoku.png/webp" alt="五子棋" width="32%" height="200"> <img src="https://slefboot-1251736664.file.myqcloud.com/20240707_ai_gallery_tetris_v2.png/webp" alt="俄罗斯方块" width="32%" height="200"> <img src="https://slefboot-1251736664.file.myqcloud.com/20240710_ai_gallery_game2048.gif" alt="2024" width="32%" height="200"></div>