本身diy一个jquery分页插件

js基础学习过程当中，期间经历换工做的各类面试，不少面试官问过：有没有写过jquery插件？等相似问题。

就我的而言，关于jquery插件的文章确实看过很多，可是一直没有动手写一个，一是不想在目前学习js基础知识的时候，插入jQuery的插件的写法；二也是从思想上，可能也没太作好写插件的准备，老是感受很麻烦，或者说很困难。

可是经历屡次的面试以后，以为仍是有必要抓紧时间写一点插件，哪怕当作本身我的前端组件积累的一部分，也得提上日程了。

在新公司入职以后，正好项目刚刚上线，新的需求尚未下来，手头上并无分到新的需求，就利用这段时间，决定写写jQuery插件了。由易而难，先写了一个模拟select的下拉选择框的插件，给了本身充足的信心。着手分页插件的写法。

从早上到公司开始入手，因为经验上的问题，对于插件须要传入的参数，或者说未来能够自定制的部分考虑的可能并非很周全，等想到新的课定制部分的时候，会继续修改维护。废话很少说，直接贴代码。

最终的效果图如图所示。

 html部分代码：

html部分只有一个盛放分页内容的盒子，class为pages必不可少，css和插件内部都用到了该class。

css部分是用scss编写的，直接贴上scss代码。

 

插件部分核心js代码：

 

 

 调用部分代码：

参数解释一下：

currentPage: 数值，当前的页码；totalPage:数值，总页码；showPage:数值，须要展现几个页码；showBeginEnd:布尔值，是否须要展现“首页”和“尾页”，true展现，false不展现；showPrevNext：布尔值，是否展现“上一页”和“下一页”，true展现，false不展现。

以上参数若是都没传的话，都有默认值。

callback:回调函数，分页的核心操做，前台页面调用分页函数以后，进行数据查询等操做，全部操做在这里完成。