如何优化JS前端展示大量数据的方法和长尾词处理技巧？

本文共计3232个文字，预计阅读时间需要13分钟。

近期离开了演示项目，开始着手公司内部的以表单和列表为主的常见项目。爱上一个，就做下去了。从开始的感受来看，自己都做了很酷的演示项目了，这对我来说是个小惊喜，慢慢也开始有了自己的思考。

最近暂时脱离了演示项目，开始了公司内比较常见的以表单和列表为主的项目。
干一个，爱一个了。从开始的觉得自己都做了炫酷的演示项目了，这对我来说就是个小意思，慢慢也开始踩坑，有了些经验总结可谈。

现下不得不说是个数据的时代，有数据就必定有前端来展示。
杂乱的数据通过数据分析（未碰到的点，不讲请搜），提炼出业务相关的数据维度，而前端所做的就是把这些一个个数据通过不同维度（key-value）的描述来展示到页面上。

除去花哨的展示方式（图表等），展示普通的大量列表数据有两种常用方式，分页和触底加载（滚动加载）。

分页是一种比较经典的展示方式，碰到的问题比较少，最多是因为一页展示的数据量大些的时候可以用图片懒加载，来加速一些（不过基本一页也不太会超过200个，不然就失去了分页的意义了）。

而最近在实现滚动加载时，出现了卡顿的情况。