web_ding的博客

背景：经常在测试人员看见页面加载缓慢就会提个bug让前端同学优化，前端同学看到是接口加载缓慢，于是前端同学通知后端同学，后端同学用postman跑了一下，告诉前端，我这很快啊，于是就进入了撕逼甩锅的过程。。。区别的原因：原因1：https请求的时候，web网页会多了ssl校验，特别是第一次加载接口的时候，后面再刷新页面就会发现快了，因为后面就不校验ssl了原因2：web调用的环境比较复杂，调用一个接口的时候，很多情况下是多个动作一起运行的，资源之间的争夺，部分情况会出现导致接口运行缓慢的..

场景：后端如果一次性返回十万条数据，性能最好的chrome，也会变的十分卡顿，大概需要花费10秒左右，主要性能瓶颈是在把数据加载到html中花费的时间，那么如何能解决这个让他头疼的问题呢，我们的主角“虚拟列表”闪亮登场！方法一（不推荐）；有的同学使用setTimeout来分批定时渲染<ul id="container"></ul>//需要插入的容器let ul = document.getElementById('container');// 插入十万