工程師英國找工作紀錄 :: 抓住那個工程師: programmer

2020/05/17

Type	session	cookie	sessionStorage	localStorage
Storage location	Server-side	Client-side	Client-side	Client-side
Maximum data size	1024KB	4K for one cookie, max 20 cookies for a website	5M	5M
Expired Time	If the user doesn’t active for a long time which over expires time, the server-side will delete the session to save the space	* Users can set the expiration time for each cookie. * It will expire after closing the browser if it set on client-side	The data clear automatically when the browser is closed	The data WILL NOT be deleted when the browser is closed until the user clear through JavaScript, browser cache / locally stored data
Scope	No	Changes made are saved and available for all same-origin page	Changes made are saved and available for the current page	Changes made are saved and available for all same-origin page
Security	High	Low	Low	Low
Usability	Easy to use	The API is difficult to use	Has method setItem, getItem, removeItem, clear that easy to use
HTTP Request		The data is sent back to the server for every HTTP request which causes performance problems	The data is NOT sent back to the server for every HTTP request
Application	Login	Login, shopping cart, game scores	Form	Shopping cart

類型	session	cookie	sessionStorage	localStorage
存儲	服務端	瀏覽器端	瀏覽器端	瀏覽器端
存儲容量	默認大小一般是 1024k	單個 cookie 保存資料不能超過4k，且很多瀏覽器限制一個網站最多保存20個 cookie	5M	5M
失效時間	設置一個失效時間，當距離客戶端上一次使用 session 的時間超過這個失效時間時，服務器就可以認為客戶端已經停止了活動，才會把 session 刪除以節省存儲空間	* 一般由伺服器生成，可設置失效時間。 * 如果在瀏覽器端生成Cookie，默認是關閉瀏覽器後失效	當前瀏覽器關閉前有效	始終有效，即使視窗或瀏覽器關閉也一直有效，除非用戶手動刪除，其才會失效
作用域	無	在所有同源視窗是共用的	不在不同的瀏覽器窗口中共用	在所有同源視窗是共用的
安全性	較高	較低	較低	較低
易用性	有很大的隨意性，可隨時呼叫，不需要開發者做精確地處理	原生 API 不如 storage 友好，需要自己封裝函數	Web Storage 擁有 setItem, getItem, removeItem, clear等方法
與伺服器端通信		每次都會攜帶在HTTP頭中，如果使用cookie保存過多資料會帶來性能問題	僅在用戶端（即瀏覽器）中保存，不參與和伺服器的通信
應用場景	將某些資料放入session中，供同一使用者的不同頁面使用	帳號登入、購物車、遊戲分數	表單頁面	購物車