項目中的數(shù)據(jù)如何保存?
方式1:保存在服務(wù)器端——商品信息、用戶信息碍粥、帖子
方式2:保存在客戶端——瀏覽記錄、登錄信息黑毅、內(nèi)容定制
Web的客戶端端存儲技術(shù)有哪些嚼摩?
(1)Cookie
優(yōu)勢:兼容性好
不足:操作繁瑣,數(shù)據(jù)長度有限制(如4KB)
(2)Flash
優(yōu)勢:大小沒有限制
不足:依賴于Flash允許環(huán)境(被淘汰)
(3)Web Storage
優(yōu)勢:大小可達到8MB矿瘦,操作簡單
不足:HTML5新特性
(4)IndexedDB
優(yōu)勢:大小沒有限制枕面,使用JS操作的一種客戶端的數(shù)據(jù)庫
不足:操作稍顯復(fù)雜
參考鏈接
http://www.reibang.com/p/ca838ff7e4d8
https://cloud.tencent.com/developer/article/1341973
HTML5中的Web Storage技術(shù)涉及兩個新對象:
- 什么是會話?
Session:一個會話缚去,指客戶端連接到服務(wù)器后潮秘,在一段時間內(nèi)的先后發(fā)起的多個請求,即一個會話中可能包含多個頁面內(nèi)容易结。只要瀏覽器不關(guān)閉枕荞,此次會話就一直存在;反之瀏覽器一關(guān)閉搞动,會話就結(jié)束了躏精。
window.sessionStorage——會話級存儲
其中的數(shù)據(jù)可以在一次會話中的多個頁面中共享——數(shù)據(jù)存儲在瀏覽器進程內(nèi)存中。
sessionStorage.setItem(key, value)
var value = sessionStorage.getItem(key)
sessionStorage.removeItem(key)
sessionStorage.clear()
sessionStorage.key(i)
sessionStorage.length
window.localStorage——跨會話級存儲/本地存儲
其中的數(shù)據(jù)即使關(guān)閉瀏覽器/電腦鹦肿,下次仍然可以訪問——數(shù)據(jù)存儲在文件系統(tǒng)的磁盤文件中矗烛。
localStorage.setItem(key, value)
var value = localStorage.getItem(key)
localStorage.removeItem(key)
localStorage.clear()
localStorage.key(i)
localStorage.length
注意:如果localStorage中的數(shù)據(jù)發(fā)生了改變,所有已打開的當前網(wǎng)站的瀏覽器窗口箩溃,都會自動觸發(fā)window.onstorage事件瞭吃,從而可以得到本地存儲的數(shù)據(jù)已被修改碌嘀。