拼多多首页有大量的商品卡片需要渲染，考虑到性能优化，请设计一个方案实现商品卡片的懒加载和虚拟滚动。请描述具体实现思路和关键代码。

答题要点

可以使用Intersection Observer API实现懒加载，结合虚拟滚动技术只渲染可视区域内的DOM元素。关键点包括计算可视区域、动态渲染和回收DOM节点。