在云图库项目中，你独立完成了哪些前端组件的设计与实现？在组件开发过程中，你积累了哪些实践经验与优化技巧？

回答思路

1. 【回答框架 1】组件清单：先列举自己开发的组件，如[图片懒加载组件]、[瀑布流布局组件]、[图片预览组件]、[上传组件]等，并说明每个组件的核心功能与解决的具体问题。
2. 【回答框架 2】组件设计：阐述组件设计原则，包括单一职责、接口明确、状态管理（如受控与非受控）、性能优化（如避免不必要的渲染、使用React.memo或Vue的计算属性）、可复用性与可维护性。
3. 【回答框架 3】开发技巧：分享具体技巧，如使用props校验、事件总线或回调实现组件间通信、slot/children实现内容分发、自定义hook或mixins抽取公共逻辑、通过CSS变量或主题定制实现样式可配置。
4. 【回答框架 4】踩坑与优化：说明遇到的典型问题，如组件卸载后异步操作导致的状态更新、大数据列表渲染卡顿（可采用虚拟滚动）、图片加载失败处理等，并给出针对性解决方案。
5. 【关键点 1】组件开发注重功能单一与接口清晰，便于复用与维护。
6. 【关键点 2】通过props校验和默认值提升组件健壮性，使用回调或事件实现通信。
7. 【关键点 3】利用虚拟滚动或懒加载优化大数据或图片场景下的性能。
8. 【关键点 4】抽取公共逻辑为自定义hook或mixin，减少重复代码。
9. 【关键点 5】组件样式支持主题定制，提升灵活性。
10. 【易错点 1】避免组件过度耦合业务逻辑，导致复用性下降。
11. 【易错点 2】注意异步操作竞态与组件卸载后的资源清理，防止内存泄漏。
12. 【易错点 3】性能优化需结合具体场景，不要盲目使用memo或虚拟滚动，以免增加复杂度。