天天看點

jQuery緩存資料——仿Map

       最近在工作中遇到了這樣一個情景。有些資料是從背景讀取的,但是我暫時不需要展示在頁面上,那怎麼辦呀?——緩存呀。今天我就來分享一下我所了解的Jquery緩存資料的方法。

       在JAVA開發中,我們需要緩存資料,一般都選擇放在了Map中。就算是放在各種緩存架構,也基本上都是以Key/Value的方式存放起來的。既然現在要在頁面上緩存資料,那麼我們就模仿Map來實作緩存資料的功能吧。

       jQuery.data()是一個底層的方法,是以我們盡量使用.data()的方法來完成這個功能。方法說明如下:

jQuery緩存資料——仿Map

       根據說明,進行存儲資料。由于是做緩存的,屬于頁面全局所有的。是以元素就選擇body。具體代碼如下:

       這段代碼采用了面向對象的思想,提供了get、update、append、remove等方法,并對方法進行了封裝,足夠滿足你的需求。測試代碼如下: