jQuery本地儲存
1.概念
本地儲存分為cookie，以及新增的localStorage和sessionStorage
（1）cookie儲存在本地，容量最大4k，在同源的http請求時攜帶傳遞，損耗頻寬，可設定訪問路徑，只有此路徑及此路徑的子路徑才能訪問此cookie，在設定的過期時間之前有效。
伺服器環境執行：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>本地儲存</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
/設定cookie，名，值，過期時間，路徑/
$.cookie('xiong','haha',{expires:7,path:'/'});
/讀取cookie/
var val = $.cookie('xiong');
alert(val);
</script>
</head><body>
<h1>text page</h1></body>
</html>
（2）localStorage儲存在本地，容量為5M或者更大，不會在請求時候攜帶傳遞，在所有同源視窗中共享，資料一直有效，除非人為刪除，可作為長期資料
（3）sessionStorage 儲存在本地，容量為5M或者更大，不會在請求時候攜帶傳遞，在同源的當前視窗關閉前有效
localStorage和sessionStorage合稱web storage，支援事件通知機制，可以將資料更新的通知監聽者，api介面使用更方便
iPhone的無痕瀏覽不支援web storage，只能用cookie
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>webstorage</title>
<script type="text/javascript">
localStorage.setItem("dat","123"); sessionStorage.setItem("dat01","456"); </script>
</head>
<body>
<h1>web storage</h1></body>
</html>
