首先講儲存方式前要先知道為什麼要使用他：一是利用本地資料，介紹網路請求；二是弱網環境下，高延遲，低頻寬，要把資料本地化；
介紹：
儲存大小：5m，cookie只有4k，瀏覽器相容性非常好，ie8以上都支援，ios無痕瀏覽失效；
這個是瀏覽器相容查詢**:
localstorage（不設定時間戳，不會過期）
sessionstorage（關閉瀏覽器消失）
常用方法：
localstorage.setitem(『key』,』val』) 存資料
localstorage.getitem(『key』) 取資料
localstorage.removeitem(『key』) 移除資料
localstorage.key(0) 索引
localstorage.clear() 清空所有資料
使用注意事項：
1.先判斷瀏覽器是否支援
2.寫資料，需要異常處理，避免超出5m容量導致的報錯
3.避免把敏感資訊存入localstorage
4.key是有唯一性的
5.會跨域
6.子網域名稱之間不能共享資料
1.建立 canvas
2.drawimage 這張
3.todataurl 把轉換為dataurl
4.儲存在localstorage中
介紹：
適用於儲存大量結構化資料
瀏覽器相容性比較差，ie10以上都支援，安全性較高
基本操作：
//建立資料庫
function
opendb (name) ;
request.onsuccess=function
(e);
}var mydb=;
opendb(mydb.name);
//關閉資料庫
function
closedb(db)
//刪除資料庫
function
deletedb(name)
介紹：
瀏覽器相容性一般，ie10以上都支援
適用於更改少的單頁面，可使用者無網路情況下顯示頁面
更新機制不是很好，一般要重新整理一次才能更新
使用步驟：
1.頭部加manifest清單
<html
manifest
>
2.清單內容如下：
cache manifestcache:
# 需要快取的列表
# 不需要快取的
# 訪問快取失敗後，備用訪問的資源，第乙個是訪問源，第二個是替換檔案*.html /offline.html
3.manifest 檔案需要配置正確的 mime-type，即 "text/cache-manifest"。必須在 web 伺服器上進行配置，不同的伺服器不一樣
HTML5儲存方式
cookies的野蠻生長 本地儲存localstorage 本地儲存sessionstorage web sql indexeddb 在html5出現之前，cookies便佔據了客戶端儲存的整個江山，就像是蠻荒時代的野蠻生長，cookies很好 快速地滿足實際應用的需求。但是它的問題也很明顯，coo...
html5的三種定位的解釋
目錄 關於距離的解釋 一 相對定位 relative 二 絕對定位 absolute 三 固定定位 fixed 例如 right 8 px 執行此操作之後的圖形的右邊界距離自身 移動前 的右邊的距離是8 px 1.如果是 right 右邊則兩者都是右邊 即想要的圖形的右邊與移動前的圖形的右邊的距離是...
HTML5儲存方式總結
html5之前，主要使用cookies儲存。cookie實際上是一小段的文字資訊。客戶端請求伺服器，如果伺服器需要記錄該使用者狀態，就向客戶端瀏覽器頒發乙個cookie。客戶端瀏覽器會把cookie儲存起來。當瀏覽器再請求該 時，瀏覽器把請求的 連同該cookie一同提交給伺服器。伺服器檢查該coo...