三年三月
前端码农
不积跬步无以至千里
获得徽章 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() 这三个大家都知道，不介绍了
看过基本的知识点。想必对上面的问题已经有答案了
展开
评论
点赞
为什么css 中设置 text-overflow: ellipsis; 省略号并没有生效
今天在小程序中遇到一个问题，固定一段文字的长度，超出的话，就省略号表示
但是死活不生效
原因是，必须有一个前提，就是当前元素必须 display:block
完整代码如下：
.hidde-text {
display: block !important;
width: 280rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
今天在小程序中遇到一个问题，固定一段文字的长度，超出的话，就省略号表示
但是死活不生效
原因是，必须有一个前提，就是当前元素必须 display:block
完整代码如下：
.hidde-text {
display: block !important;
width: 280rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
展开
11
4
为什么js 中的变量 判断相当的时候无效了
今天碰到一个奇怪的问题
let str = '科目/数量'
console.log(str === '科目/数量')
结果是 false
原理并不复杂，只是很多时候，一下子懵了
就是 js 字符串转义符的问题
修改如下
let str = '科目/数量'
console.log(str === '科目\/数量')
今天碰到一个奇怪的问题
let str = '科目/数量'
console.log(str === '科目/数量')
结果是 false
原理并不复杂，只是很多时候，一下子懵了
就是 js 字符串转义符的问题
修改如下
let str = '科目/数量'
console.log(str === '科目\/数量')
展开
5
2
如何用gitee做为图床
1.用git平台做图床，相比很多程序员都知道，但是 github，很多时候，访问不稳定，还必须得翻墙，我就用了gitee
2.专门创建一个项目，放图片，图片可以直接值web端传上去
3. 将图片链里面的 blob 改成raw，即可访问
4.注意：不要用于 访问量大的地方，会被 gitee 封掉的
我只是自己的 md 里面用的，没有真正用在 大量访问的场景
1.用git平台做图床，相比很多程序员都知道，但是 github，很多时候，访问不稳定，还必须得翻墙，我就用了gitee
2.专门创建一个项目，放图片，图片可以直接值web端传上去
3. 将图片链里面的 blob 改成raw，即可访问
4.注意：不要用于 访问量大的地方，会被 gitee 封掉的
我只是自己的 md 里面用的，没有真正用在 大量访问的场景
展开
评论
1