1. 程式人生 > 其它 >[JavaScript初級面試]10. WEB API - 儲存

[JavaScript初級面試]10. WEB API - 儲存

題目

  • 描述cookie localStorage sessionStorage區別

是HTTP請求的一部分,用於瀏覽器和server通訊,被“借用”到本地儲存;
前端用document.cookie = 'xxx'來修改

缺點

儲存大小,只有4KB
http請求時需要傳送到服務端,增加請求資料量
前端只能用document.cookie = 'xx'來修改,太簡陋

HTML5儲存

localStorage, sessionStorage —— HTML5專門為儲存設計,最大可存5M
每個域名都可儲存5M;不會隨著http請求傳送

localStorage

localStorage資料會永久儲存,除非程式碼或手動刪除

localStorage.setItem('a',1)
localStorage.getItem('a')

sessionStorage

只存在當前會話,瀏覽器關閉則清空

sessionStorage.setItem('a',1)
sessionStorage.getItem('a')

解答

  1. 容量
  2. API易用性
  3. 是否跟隨http請求傳送

本文來自部落格園,作者:Max力出奇跡,轉載請註明原文連結:https://www.cnblogs.com/welody/p/15214522.html

如果覺得文章不錯,歡迎點選推薦