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:回調函數，分頁的核心操作，前台頁面調用分頁函數之后，進行數據查詢等操作，所有操作在這里完成。