JS页面列表加载常用方法有哪些总结？

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

目录+方法简介+封装实现+分页加载+按钮加载+滚动加载+效果预览+导语：近期由于一些事务需要处理，未能及时总结技术文章。今天终于可以坐下来好好梳理一下网络爬虫的相关知识，下面简要介绍几个关键点。

目录

• 方法简介
• 封装实现
• 分页加载
• 按钮加载
• 滚动加载
• 效果预览

导语：最近由于一些事情需要处理，所以没来得及写技术总结了。今天终于可以坐下来好好的梳理一下脉络，说一下那个在日常前端开发过程中，常用到的页面列表加载的方法总结。这里介绍三种方法，分别是分页加载、按钮加载以及滚动加载。

方法简介

在日常的前端开发过程中，我们经常会碰到列表很长，不可能完全显示出来，所以就要进行分页，每页固定显示几条，然后下面是页数，点到哪页显示哪页的内容。

除了常见的分页加载外，还要点击按钮加载，这种加载方法就是不需要点击下一页这种了，直接点击按钮往第一页的后面补上下一页的内容，非常方便。

除了以上两种，滚动加载也是用的比较多的一种列表加载方法，下面就这三种方法做一下总结归纳，方便需要的小伙伴们使用。

封装实现

下面就对三种方法分别做一下原理解析和方法实现。

下面的列表使用了JSONPlaceholder站点上的一些数据作为列表来源。