資訊專欄INFORMATION COLUMN
摘要：是一款緩存插件，可以為方法擴展緩存功能。緩存清理插件本身會自動清理過期緩存對于不想繼續使用緩存的接口可以為方法傳入清理當前接口的緩存并返回最新數據也可以調用清理所有插件產生的緩存。
原文鏈接
AJAX-Cache是什么Ajax是前端開發必不可少的數據獲取手段，在頻繁的異步請求業務中，我們往往需要利用“緩存”提升界面響應速度，減少網絡資源占用。AJAX-Cache是一款jQuery緩存插件，可以為$.ajax()方法擴展緩存功能。
AJAX-Cache提供什么 1. 定時緩存大多數的緩存場景是，希望將某個接口數據在一定時間段內緩存起來，緩存期內不再發起請求直接返回本地數據，過了這段時間再重新獲取并更新緩存。
這就是“定時緩存”的典型使用場景，我們可以為$.ajax()方法傳入localCache: Number開啟定時緩存，Number是緩存秒毫秒數。定時緩存實際上是犧牲了數據實時性換取響應速度，使用中通過設置不同的緩存時長，可以匹配不同的業務場景，比如對于相對穩定的數據可以設置較長的緩存時間，而設置較短的緩存時間則可以起到請求“防抖”作用。
2. 快照緩存更多的時候我們希望接口能兼具實時性和響應速度，比如應用首屏的異步數據塊，既要快又要新，雖然這種需求聽起來很“不科學”，但我們確實可以通過“快照緩存”滿足這個需求。
為$.ajax()方法傳入localCache: "snapshot"可以開啟快照緩存，此時每當接口成功請求后都會為數據建立一份“快照”，下次請求時接口會首先將最近的快照數據作為結果返回，供前端渲染界面，同時發送請求獲取最新數據，新數據到達后會與快照做對比，如果與快照相同則緩存命中，如果與快照不同會更新快照，并將新數據返回，供前端更新界面。也就是說啟用快照緩存的接口前端有可能得到兩次返回結果，為了讓前端能夠區分出快照，對象格式的快照數據會自動增加一個snapshot=true的屬性。
3. 緩存清理插件本身會自動清理過期緩存；
對于不想繼續使用緩存的接口可以為$.ajax()方法傳入localCache: false清理當前接口的緩存并返回最新數據；
也可以調用$.ajaxCache.clear()清理所有AJAX-Cache插件產生的緩存。
4. 并發管理除了上述基本功能，AJAX-Cache還考慮到了極端情況下的請求并發問題，當某個接口在本地沒有緩存或者緩存過期時發生了并發，AJAX-Cache會攔截并發請求，暫存請求回調，只向服務端發送一次請求，待拿到數據后再依次執行暫存的請求回調，從而真正起到減少網絡資源占用的作用。
5. 約定優于配置最后，Ajax-Cache奉行“約定優于配置”的理念，將主要功能都集中到一個localCache配置上，使用簡單，將對業務代碼的侵入性降到最低，如果沒有使用$.ajaxCache全局方法的話，從頁面中直接將Ajax-Cache插件移除業務代碼也不會報錯。
使用簡單不代表功能簡單，如果需要修改Ajax-Cache的全局配置，也可以通過$.ajaxCache.set(config[Object])方法實現，目前有兩個配置項：
擴展信息官網：http://refined-x.com/AJAX-Cache/
Github：https://github.com/tower1229/AJAX-Cache
前端路上原創技術文章，轉載請注明出處：http://refined-x.com/2018/03/07/AJAX-Cache/
對文章內容有任何疑問歡迎留言討論，或者掃描下方二維碼加入“前端路上-知識星球”付費提問。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93242.html
摘要：分享一些超好用插件，打造一個不一樣的瀏覽器編輯器。一谷歌瀏覽器插件谷歌訪問助手強烈推薦一鍵安裝，無需其他配置，即可訪問谷歌。谷歌瀏覽器是很耗內存的，該插件會自動掛起長時間未使用的網頁，來釋放系統資源。 showImg(https://segmentfault.com/img/remote/1460000014011338); 分享一些超好用插件，打造一個不一樣的 GitHub、瀏覽器、...
摘要：老姚淺談怎么學鑒于時不時，有同學私信問我老姚，下同怎么學前端的問題。擼碼聽歌，全局控制。 淺析用 js 解析 xml 的方法 由于項目上需要解析 xml，于是各種百度，然后自己總結了下各個主流瀏覽器解析 xml 的方法，只能是很淺顯的知道他的用法，但是還沒有深層次的研究。 裝 X - 建立自己的斗圖網站庫 之前加過一個斗圖群，看到很多經典的表情，然后就收藏到了 QQ， 迫于本屌絲開不起...
摘要：今天就來跟大家分享一下工作中用到的幾款插件。是一款功能強大的網頁調試與發送網頁請求的插件。俗稱油猴子，是一款功能非常強大的插件，他包含方便的腳本管理腳本概覽設置多樣性腳本自動更新安全兼容性同步編輯器語法檢查快速開發卸載等功能。 ‘工欲善其事，必先利其器’。優秀的開發者不僅體現在其在技術方面的精通，還體現在其對各種開發工具的充分了解與使用，這會讓其開發效率事半功倍。作為一個前端開發者，平...
閱讀 3462·2019-08-30 10:54
閱讀 3158·2019-08-29 16:38
閱讀 2182·2019-08-26 14:06
閱讀 1520·2019-08-23 15:39
閱讀 3044·2019-08-23 15:37
閱讀 2891·2019-08-23 13:50
閱讀 3196·2019-08-22 17:14
閱讀 2390·2019-08-22 15:44
