在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

现如今，我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。 本篇讨论基于 Vue.js 的列表无限下拉实践。 我们的目标就是：让列表下拉纵享丝滑，而不是像以往的下拉就 loading 等待的体验。 咱还是用 Vue CLI 来…

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

上拉加载 or 虚拟列表 在项目开发中经常会遇到渲染后端返回1k+以上数据的长列表的业务需求，大多数情况下首选方案是通过后端返回分页字段进行分页加载优化: 如下图实现网易☁️歌单列表无限加载： 然而某

纵使工作中有许多酸甜苦辣 你在岗位上的每一点付出 每一行代码的敲下 每一次需求的完成 每一个bug的修复 都让我们的生活变得更加高效便捷 让科技绽放出向善而动人的力量 致敬在岗位上创造不凡的你！ 五一

前端布局 一、自适应 自适应就是一套代码，不管屏幕大小怎么变化只有页面的元素大小的变化，不会出现表格三列变两列的样子，那种是响应式，烦死了每次领导和设计都跑过来让我修改一个页面说是自适应窗口的变化，结