前端分页功能的实现以及原理

　分页场景常见于电商网站，比如说淘宝天猫的评论区，分页功能一般是后台实现，前端请求就完事了。现闲得无聊，就写出来玩玩，只实现功能，并未封装。

以前写过一篇下拉刷新、加载数据功能博客，也附上链接，可点击查看！

基于jq实现分页功能，大致分为以下几步：

定义一个分页方法，可多次调用

参数设置

请求数据页面跳转方法

创建非数字按钮和数据内容区

创建数字按钮

首屏加载

调用

结构层只需要一个容器

<div class="pagination-nick"></div>

一、定义分页方法

function paginationNick(opt){
//code
}

二、参数设置

　　几个必填的容器class，和几个可以修改的默认数据参数

　　 至此，over。写的有点low，但复制完整代码此分页功还是能实现的，若有大神改进，望瞻仰！

-转载