前端性能优化-缓存

不同场景 技术选型

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天过成一天