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