分类： javascript

web存储技术简要

web 的浏览器端存储技术主要是 cookie，localStorage, sessionStorage, indexedDB, webSQL。

技术名称访问对象 大小限制
cookiedocument.cookie4KB
localStoragewindow.localStorage5MB(chrome)
sessionStoragewindow.sessionStorage5MB(chrome)
indexedDBwindow.indexedDB通常为2GB

其中 cookie 可通过服务器 set-cookie 响应标头进行设置；sessionStorage 存储的内容在用户关闭页面或浏览器窗口后被清楚；localStorage 和 sessionStorage 是协议敏感的，也就是说在分别使用 http 和 https 访问时， localStorage 和 sessionStorage 都是隔离的。

websql 并不是 w3c 的标准，不过chrome，edge 浏览器都是支持的, 它以 sqlite 作为后端的存储技术。

参考资料:
https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie
https://developer.mozilla.org/zh-CN/docs/Web/API/Storage
https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API

javascript 中 const,var,let 的区别

  • var，声明作用域为所在上下文即当前函数或全局范围的变量。
  • let，声明作用域为所在代码块的变量。
  • const，与 let 类似，但 const 声明变量的引用不能改变。

在ES6非严格模式下使用 let 声明的全局变量，不会成为window的属性。

参考资料：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/var
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/const