HTML5 FEATURES STORAGE


HTML5 FEATURES STORAGE


當網頁開發者想保存一些有關用戶的信息時,他們首先會想到將這些信息上傳到服務器的形式。HTML5改變這種狀況,提供一些技術讓app把數據保存在客戶端。它也可以上傳到服務器,或者永遠只保留在客戶端。這個取決於你:開發者。


有一些理由讓我們使用客戶端存儲。首先,你可以讓你的app繼續運行即使用戶處於斷網狀態,一旦網絡恢復正常就將數據再次同步。其次,這是一種性能助推器,當用戶點擊你的網站時你能儘可能地顯示一個大型的數據庫,而不是讓用戶再次下載網站的數據。第三,這是一個更簡單的程序模型,不需要服務器的設備要求。當然,數據會更加不穩定,並且用戶無法用另一個用戶的身份訪問它,所以你應該只存儲它的非關鍵數據。在特定的數據緩存版本中,也叫“雲存儲”。參考:“離線”:它代表什麼並且爲什麼我們應該關注。對於一些關於離線存儲技術,client-side storage只是其中一部分。


Offline Technologies——離線技術

  • Web Storage 只提供一個鍵-值映射,例如。localStorage["name"] = username;不幸地是,目前只實現字符串到字符串的映射。所以你需要連載和去連載其它的數據結構。你可以使用JSON.stringify()和JSON.parse().
  • Web SQL Database給你所有的權力,一個結構化的SQL關係型數據庫。
  • Indexed Database在web storage跟web SQL 數據中的某處。像web storage,它是一個簡單的鍵-值映射,但是它支持像關係數據庫的索引,所以搜索對象來匹配一個特定的字段是很快的。所以你不必手動遍佈所有對象。
  • File Access:一個從javascript裏面讀取文件內容的API。給定用戶添加到input元素的文件,你可以讀取文件或者通過URL引用它。例如,如果用戶指定一個圖片文件,你可以顯示圖片。同時也支持文件讀寫的功能。


瀏覽器支持情況:http://www.html5rocks.com/en/features/storage

原文地址:http://www.html5rocks.com/en/features/storage     

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章