手机网球比分网站
在線咨詢
QQ咨詢
服務熱線

服務熱線:020-85201717

服務熱線: 020-85201720

業務微信

微信開發

TOP

廣州網站制作有前端分頁這回事嗎?

發布時間:2019-09-19 瀏覽:

最近有個項目涉及到了這個問題,以前不管是數據量多或者量少一直用的是后端的分頁方式,從來沒想過直接前端分頁。偶然有這樣的要求。就在網上翻閱了一些資料。下面是廣州網站制作小編搜集的一些信息,與大家分享之。



前端分頁一般用于數據量較小的情況,一次請求把數據全部從后端請求回來。后端分頁適用于數據量偏大時的情況,減小請求傳輸壓力。前端需要將每頁條數和當前頁傳給后端,后端根據條件查詢出數據再傳給前端,包括總條數、當前頁、每頁多少條數據等。



前端分頁減少了后臺的代碼量。但卻要犧牲讀數據的速度。比如10萬條記錄,后臺讀出發給前臺。前臺再分析后分頁,當然翻頁可以直接使用而不需再訪問后臺。但是現在都講究速度。如果5秒還出不來數據,也會讓用戶等不及。后臺分頁,雖然需要每次都訪問數據。但一般,后端速度都比較不錯,如果每頁數據量都不大的情況下,速度就好多了。而且后端程序語言分頁的功能相對于前端而言要更加的強大。



但是對于局部刷新的數據采用前端分頁用戶體驗較好,比如評論列表,贊用戶列表。當然也有2種模式結合的,比如微博列表加載數據,前10頁是ajax獲取分頁數據,后10頁是后端分頁,在前10頁上的a標簽上也加上src地址利于蜘蛛抓取,但是禁用錨點鏈接功能改用click通過ajax獲取數據。兩個方案的應用場景不同,按你們的需求來實現吧。



推薦幾個實用的前端分頁插件


1、Layui 是一款采用自身模塊規范編寫的國產前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式。



2、jQuery Pagination分頁插件


此jQuery插件為Ajax分頁插件,一次性加載,故分頁切換時無刷新與延遲,如果數據量較大不建議用此方法,因為加載會比較慢。



3、jQuery 分頁插件 : jqPaginator


jqPaginator簡潔、高度自定義的jQuery分頁組件,適用于多種應用場景。關鍵的一點就是高度自定義的Html結構。所以jqPaginator努力做到合理范圍內的自定義,使其靈活的使用了各種不同的場景。



對于一個前端而言,無論是新手還是老手,有一種東西從來都是實用的,那就是插件。上面幾個web前端的分業插件是廣州網站制作認為不錯的,僅供參考!


手机网球比分网站