DEV Community
·
作为前端开发者，我构建并部署了我的第一个项目。
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
作者学习HTML和CSS后，创建了一个个性化的大学回忆照片库。尽管面临图像加载慢、功能需求和动画问题，他通过优化图像、学习JavaScript库和调整代码成功解决了这些挑战，项目上线后受到家人喜爱，达到了重温美好回忆的目的。
🎯
关键要点
- 作者学习HTML和CSS后，决定创建一个个性化的大学回忆照片库。
- 项目灵感来源于对记忆的热爱，作者在大学期间拍摄了许多珍贵的瞬间。
- 在编码过程中，作者遇到了图像加载慢、功能需求和动画问题等挑战。
- 通过优化图像大小，作者解决了图像加载慢的问题。
- 学习JavaScript库Lightbox2，作者实现了所需的图像弹出功能。
- 通过与AI工具的互动，作者解决了动画行为不理想的问题。
- 项目的开发过程教会了作者解决问题并不总是线性的。
- 作者意识到在项目中适应变化的重要性，并从中获得了成长。
- 项目上线后，家人对照片库表示喜爱，并提供更多图片以丰富内容。
- 该项目成功帮助作者和家人重温美好回忆，带来了积极的影响。
❓
延伸问答
作者为什么选择创建一个大学回忆照片库？
作者热爱记忆，想通过照片记录大学期间的珍贵瞬间。
在开发过程中，作者遇到了哪些主要挑战？
主要挑战包括图像加载慢、功能需求和动画问题。
作者是如何解决图像加载慢的问题的？
作者通过优化图像大小，将每张图像压缩到约100 KB。
作者使用了哪个JavaScript库来实现图像弹出功能？
作者使用了Lightbox2这个JavaScript库。
项目上线后，家人对照片库的反应如何？
家人非常喜欢这个照片库，并提供了更多图片以丰富内容。
作者在项目中学到了哪些重要的经验教训？
作者学到了解决问题的过程并不总是线性的，以及适应变化的重要性。
➡️
