不同场景 技术选型
SessionStorage 临时存储
浏览器开启中 存储数据 关闭后丢失
临时存储,关闭页面后标签自动回收,不可跨页面交互
————————————————————————————————
userData 先驱者 IE 大小限制
存储限制太小 单文件大小限制128kb , 技术过于老旧
Cookie 兼容性最好 浏览器 请求时 cookie 带入
缺点:大小限制 、每次发送请求,请求头都会带入cookie ,大多数登录合法性验证 是用cookie验证
openDatabase 跟mysql sqlite 差不多
优点:完整数据库
缺点:对于不懂后端前端同学成本
LocalStorage 浏览器关闭后 数据不丢失
优点:key-value 形式 兼容性中等 ,操作简单
缺点:存在大小限制 ie8 ie10不支持
存储上限
简单实现 缓存SDK
1.可拉取更新的新资源
2.可存储拉取后的资源
3.可根据版本迭代,置换过期资源
功能拆解
1.网络交互 xhr
2.本地存储能力 localSdk
3.缓存展示能力,浏览器dom解析
写代码 80%时间用来思考,10%用来写代码 10%用来调优
做重复的工作 对自己的技术没有太大提高 不要把一年的365天过成一天