.v-scroll{height:100%;/*底部填充：500px；*/溢出：自动；.scroll-item{高度：148px；/*宽度：100%；*/border:1px纯黑色;显示：弹性；证明内容：空格之间；对齐项目：居中；填充：020px；img{高度：100%；}}}觉得自己做的不错，请点个赞，谢谢。嘻嘻现场康熙选妃说，今年是康熙五十三年，天下太平，天下人都在感叹这“康熙盛世”，康熙自己也很开心，“我的大半辈子都奋斗了生活，却不能自娱自乐，吩咐张廷玉来看我，我有事让他办！”康熙：恒臣（恒臣是张廷玉的字），这康熙盛世如何张廷玉：皇上威武，皇上威武，万岁康熙：可我老了，却不能老，我要证明给世人看！！！张婷玉：我tm。..你tm60还选择吗？你能忍受吗？兄弟！康熙：我不管，你去找我，找一万个少妇入宫，我要选一个妃子张廷玉：选个头发，你不能动-康熙：我不管，我有鹿血，一杯鹿血，法力无边的张婷玉：不，你不行。康熙：你去吗？张廷玉：我不去康熙：你去吗？张廷玉：我不去康熙：你还想看太庙吗？张廷玉：皇上万岁，臣必去城主。一月后，一万名少女进宫。但是问题又来了。这么多女人，康熙不可能一下子挑出来，肯定是看花眼了。张廷玉灵机一动：可不可以让女子分批入殿，供皇帝挑选。具体可以这样做：在皇帝选妃的正殿外，设置两名侧宫女分批进入正殿，让皇帝看到，看过的宫女进入左侧偏殿等待选妃的结果。在右偏殿等候，不仅提高了选秀效率，也方便了皇帝。这样做的好处是：皇上不用一次看一万名宫女，也不用那么累。如果选到一半皇帝累了，也可以休息一下，第二天再选。反正选了哪一批，这些都记录下来了皇上，哪天你回忆起哪位宫女还不错，你也可以回来看看多数据渲染。现在解决多数据渲染，相信大家可能会想到分页、底部加载、懒加载等，但实际上虚拟列表也是多数据高性能加载的一个重要解决方案。虚拟列表的概念虚拟滚动是根据容器可见区域的列表体积来监听用户滑动或滚动事件，动态截取长列表数据中的部分数据并渲染到页面上，并动态使用空白站点上下填充容器滚动区域的内容，模拟原生滚动效果浏览器渲染===康熙草稿：10000次渲染肯定会给浏览器带来压力，导致在用户体验差的容器可见区域===选秀厅：10000个队列渲染，比如一次渲染10个上下区域===左右副厅：轮不到你渲染就乖乖进入空白区域和等待可见区域高度的基本实现。高可见区域可显示的列表项数量=~~(可见区域高度/列表项高度)+2startindexendindex根据startindex预加载(防止滚动过快导致暂时白屏)和结束索引，截取可见区域数据显示scrollthrottling上下空白区域使用padding滑动到末尾，再次请求数据并拼接{{item.msg}}
