三年三月
前端码农
不积跬步无以至千里
获得徽章 0
问题
1.window.storge 如何遍历所有的key
2.vue中为什么不使用storge代替 vuex
3.vuex 刷新页面，页面数据丢失了，解决办法还是通过storge来存储，为什么内部不直接 使用storge来存储
window.localstorg 基本知识
1. storge 分为 localstorge 和 sectionstorge ,前者是永久缓存，后者是当前绘画，也就是当前页面缓存，除了这一点，没有区别
2. storge 的key和value只能是string，如果不是，它会隐式的自动转换
3. storge 有length 属性，还有key方法获取对应的key值，所以通过 循环length，storge.key(n),可以遍历所有的key值，拿到key值，就可以获取对应的val值
4. storge的大小是根据每个浏览器厂家自己定的。大概在2-10m左右，另外不同厂家 规定的 同源策略也略有区别
5. storge 有一个监听 数据回调方法，window.addEventListener('storge',cb)！理论上可以通过这个方法实现 动态监听 storge的数据变化，做响应式处理！但是这个方法好像只会在同域名下的另外一个窗口触发，有点尴尬！感觉没啥用了，但是倒是可以提供同域名下两个页面之间的通信
6. setItem() getItem() clear() 这三个大家都知道，不介绍了
看过基本的知识点。想必对上面的问题已经有答案了
1.window.storge 如何遍历所有的key
2.vue中为什么不使用storge代替 vuex
3.vuex 刷新页面，页面数据丢失了，解决办法还是通过storge来存储，为什么内部不直接 使用storge来存储
window.localstorg 基本知识
1. storge 分为 localstorge 和 sectionstorge ,前者是永久缓存，后者是当前绘画，也就是当前页面缓存，除了这一点，没有区别
2. storge 的key和value只能是string，如果不是，它会隐式的自动转换
3. storge 有length 属性，还有key方法获取对应的key值，所以通过 循环length，storge.key(n),可以遍历所有的key值，拿到key值，就可以获取对应的val值
4. storge的大小是根据每个浏览器厂家自己定的。大概在2-10m左右，另外不同厂家 规定的 同源策略也略有区别
5. storge 有一个监听 数据回调方法，window.addEventListener('storge',cb)！理论上可以通过这个方法实现 动态监听 storge的数据变化，做响应式处理！但是这个方法好像只会在同域名下的另外一个窗口触发，有点尴尬！感觉没啥用了，但是倒是可以提供同域名下两个页面之间的通信
6. setItem() getItem() clear() 这三个大家都知道，不介绍了
看过基本的知识点。想必对上面的问题已经有答案了
展开
评论
点赞
关注了