最近有個(gè)項目涉及到(dào)了(le／liǎo)這(zhè)個(gè)問題，以(yǐ)前不(bù)管是(shì)數據量多或者量少一(yī / yì ／yí)直用的(de)是(shì)後端的(de)分頁方式，從來(lái)沒想過直接前端分頁。偶然有這(zhè)樣的(de)要(yào / yāo)求。就(jiù)在(zài)網上(shàng)翻閱了(le／liǎo)一(yī / yì ／yí)些資料。下面是(shì)蘇州網站制作小編搜集的(de)一(yī / yì ／yí)些信息，與大(dà)家分享之(zhī)。

前端分頁一(yī / yì ／yí)般用于(yú)數據量較小的(de)情況，一(yī / yì ／yí)次請求把數據全部從後端請求回來(lái)。後端分頁适用于(yú)數據量偏大(dà)時(shí)的(de)情況，減小請求傳輸壓力。前端需要(yào / yāo)将每頁條數和(hé / huò)當前頁傳給後端，後端根據條件查詢出(chū)數據再傳給前端，包括總條數、當前頁、每頁多少條數據等。

前端分頁減少了(le／liǎo)後台的(de)代碼量。但卻要(yào / yāo)犧牲讀數據的(de)速度。比如10萬條記錄，後台讀出(chū)發給前台。前台再分析後分頁，當然翻頁可以(yǐ)直接使用而(ér)不(bù)需再訪問後台。但是(shì)現在(zài)都講究速度。如果5秒還出(chū)不(bù)來(lái)數據，也(yě)會讓用戶等不(bù)及。後台分頁，雖然需要(yào / yāo)每次都訪問數據。但一(yī / yì ／yí)般，後端速度都比較不(bù)錯，如果每頁數據量都不(bù)大(dà)的(de)情況下，速度就(jiù)好多了(le／liǎo)。而(ér)且後端程序語言分頁的(de)功能相對于(yú)前端而(ér)言要(yào / yāo)更加的(de)強大(dà)。

但是(shì)對于(yú)局部刷新的(de)數據采用前端分頁用戶體驗較好，比如評論列表，贊用戶列表。當然也(yě)有2種模式結合的(de)，比如微博列表加載數據，前10頁是(shì)ajax獲取分頁數據，後10頁是(shì)後端分頁，在(zài)前10頁上(shàng)的(de)a标簽上(shàng)也(yě)加上(shàng)src地(dì / de)址利于(yú)蜘蛛抓取，但是(shì)禁用錨點鏈接功能改用click通過ajax獲取數據。兩個(gè)方案的(de)應用場景不(bù)同，按你們的(de)需求來(lái)實現吧。

推薦幾個(gè)實用的(de)前端分頁插件

1、Layui 是(shì)一(yī / yì ／yí)款采用自身模塊規範編寫的(de)國(guó)産前端UI框架，遵循原生HTML/CSS/JS的(de)書寫與組織形式。

2、jQuery Pagination分頁插件

此jQuery插件爲(wéi / wèi)Ajax分頁插件，一(yī / yì ／yí)次性加載，故分頁切換時(shí)無刷新與延遲，如果數據量較大(dà)不(bù)建議用此方法，因爲(wéi / wèi)加載會比較慢。

3、jQuery 分頁插件 : jqPaginator

jqPaginator簡潔、高度自定義的(de)jQuery分頁組件，适用于(yú)多種應用場景。關鍵的(de)一(yī / yì ／yí)點就(jiù)是(shì)高度自定義的(de)Html結構。所以(yǐ)jqPaginator努力做到(dào)合理範圍内的(de)自定義，使其靈活的(de)使用了(le／liǎo)各種不(bù)同的(de)場景。

對于(yú)一(yī / yì ／yí)個(gè)前端而(ér)言，無論是(shì)新手還是(shì)老手，有一(yī / yì ／yí)種東西從來(lái)都是(shì)實用的(de)，那就(jiù)是(shì)插件。上(shàng)面幾個(gè)web前端的(de)分業插件是(shì)蘇州網站制作認爲(wéi / wèi)不(bù)錯的(de)，僅供參考！