前段時間開發的etable外掛，收到眾多朋友的意見建議，目前已基本穩定下來，後續還有計劃新增幾個方法和自動完成功能。目前已有多位朋友使用在了專案中，非常開心能幫上大家的忙，後續有更多想法請私信我，再次感謝大家的支援和點贊。
etable 一款基於jQuery的輕量級可編輯表格外掛
etable外掛下載地址：etable： 一款基於jQuery的輕量級可編輯表格外掛，適用於快速錄單等應用場景，支援鍵盤操作
pagination分頁外掛也是在專案中實際需要才獨立出來的，外掛實現也借鑑了網上開源的一些程式碼，並根據我這邊專案的實際需要，基本上都是一字一行重新編寫的，希望大家也一如既往的提出寶貴意見。
pagination
pagination外掛地址：pagination： 一款純Javascript實現的前端分頁外掛
開發背景
隨著前後端分離模式的逐漸流行，我們在專案中也經常透過區域性重新整理方式（ajax、fetch）請求遠端資料，帶來的好處顯而易見。但是，前後端分離後原本應用的很多邏輯也帶到了前端，導致前端複雜化，故也出現了Vue、React等類似於MVVM的一大堆前端框架，前端工程化開始在最近幾年已經成為趨勢，且已非常成熟。
只是受限於很多因素的原因，比如來自客戶的、來自老闆的、來自專案本身的、來自技術的等多層因素的影響，有時候我們不能不需要重複造輪子。比如上次開發的etable（一款基於jQuery的輕量級表格編輯外掛，gitee地址見上面連結），就是為了解決在現有專案中做到快速鍵盤操作的錄單需要。
這次，我們也因類似原因，開發了一個純javascript實現的分頁外掛 - pagination，小巧輕量，且和資料互動本身無關，可以非常方便整合到現有專案中，該pagination分頁外掛目前自帶一種樣式。
另外一層自行開發的原因，也是讓我們開發人員漸漸迴歸javascript本身，避免現在一個不好的現象：
很多前端新人只會Vue和jQuery，不會js原生寫程式碼
，這樣下去個人技術能力無法有效提高，我也時常和他們交流，也擔心有一天Vue如同jQuery一樣，不再流行的時候，我們團隊成員如何適應如何面對，與其不斷的學新技術，還不如以不變應萬變，把基礎打牢，將javascript等原生寫法掌握的滾瓜爛熟，才不至於被各種新框架新技術牽著鼻子走，當然也就不會那麼累了。
這裡還要說一下後端開發，其實後端的技術棧也一樣道理，我們很多後端開發人員，java的只會springboot、php的只會thinkphp、python的只會django，原生一點都不會寫，甚至於這些框架根本就沒有仔細研讀過其實現原理，這樣下去35歲年齡危機永遠避免不了，內卷永遠是內卷，技術缺失危機也永遠存在。
廢話說了那麼多，接下去具體介紹下pagination分頁外掛：
外掛演示
pagination外掛預設顯示樣式
外掛有單獨的css檔案，可以隨你自己調整
外掛使用
1。建立頁面結構
2。下載和引入pagination外掛
# git clone https：//gitee。com/funsent/pagination
pagination分頁外掛是純javascript實現，不需要依賴其他任何元件
3。初始化
funsent。pagination。init（‘。pagination’， { page： 1， // 當前頁碼 pagesize： 10， // 每頁顯示記錄數 total： 0， // 總記錄數 goto： true， // 是否顯示跳轉框 info： true， // 是否顯示總頁數總記錄數 disabled： true， // 相關分頁連結是否標記禁用狀態 hide_single_page： false， // 總頁數只有1頁時是否隱藏分頁條 first_btn_text： ‘’， // 第一頁按鈕文字 prev_btn_text： ‘’， // 上一頁按鈕文字 next_btn_text： ‘’， // 下一頁按鈕文字 last_btn_text： ‘’， // 最後頁按鈕文字 change： function （pageIndex） { // change方法是點選分頁連結時觸發的方法，自己的業務邏輯可寫在此處 // pageIndex 引數為當前頁碼 }}）；
外掛特點
純javascript實現，不依賴第三方庫
支援change方法實現自己的業務邏輯
內建一個簡潔通用的分頁樣式
支援第一頁、上一頁等文字配置
支援單頁時是否隱藏配置
支援啟用按鈕的禁用狀態
支援配置是否顯示跳轉框和資訊框
支援配置每頁顯示記錄數和總記錄數
支援一個頁面多個pagination分頁例項，互不干擾
意見建議
私信請備註：pagination外掛
