活动学习路径展示排行榜

通过构建真实项目学习 AI。从入门到专家，一次一个挑战。

平台

挑战
学习路径
展示

社区

GitHub
项目

法律

隐私政策
服务条款

© 2026 AI In Action. 保留所有权利。

图片画廊 | AI In Action

挑战图片画廊

官方入门Web 开发

3-5 hours

图片画廊

创建一个瀑布流图片画廊，支持灯箱查看、懒加载、无限滚动、分类筛选和流畅动画。支持图片缩放和键盘导航。

0 个赞0 次 Fork0 条评论

gallerymasonrylightboxlazy-loading

目标

构建响应式瀑布流布局
实现带缩放和导航功能的灯箱
添加带模糊占位图的懒加载
支持无限滚动分页
添加分类/标签筛选

提示

使用 CSS columns 或瀑布流库实现网格布局
使用 IntersectionObserver 实现懒加载
使用 Unsplash API 获取示例图片

资源

unsplash.com/developers

评论 (0)

后发表评论。

暂无评论。成为第一个评论的人！