最近幾天能研究了一下客戶端的快取以及cookie的用法。

客戶端快取我個人選用一種就是在頭部新增cache-control：max-age=(時間)秒，首先是在html的meta標籤中新增但是在瀏覽器中檢視到沒有起作用，通過檢查發現這個頁面由於不是靜態頁面是通過後臺數據返回的動態頁面所以在meta中新增不起作用。後面與後臺溝通讓他們加上在瀏覽器中可以看到如下圖：

第一次瀏覽網頁：

第二次訪問網頁（使用重新整理按鈕或者f5重新整理頁面）

快取新增成功。在5分鐘內再次訪問頁面資料會從客戶端快取中拿，不會再訪問後臺服務，加快了瀏覽器的訪問速度，提高了使用者體驗。

點選商品列表進入詳情頁點選返回按鈕回到上次開啟列表的位置

使用網頁的cookie值實現功能。將商品列表的scrollTop獲取到並且存入cookie中如下：

$('.serve-list').scroll(function(){
		$.cookie("gallery_scroll", $('.serve-list').scrollTop());
	})

然後編輯一個新的方法呼叫這個cookie值之後就可以使用 如下：

 $(function () {
		var str = parseInt($.cookie("gallery_scroll"));
		 if (str!='') {
			 $(".serve-list").animate({ scrollTop: str}, 1);
		}
	})

實現返回該頁面自動回到上次開啟的頁面