yuyu_2019的博客

获取dom元素高度的时候，发现是0 要加上$nextTick确保dom元素都加载完毕了 mounted: function () { this.$nextTick(() => { }) } 获取距离屏幕可视高度getBoundingClientRect() <div class="tab-main" ref="tabMain"> </div> let screenHeight = window.innerHeight // 屏幕高度 let

子组件直接修改父组件传过来的值是会报错的 子组件不能直接修改父组件传过来的值 子组件可以给父组件发送一个消息（子传父） 父组件接收到这个消息后 由父组件去修改这个值

有一个对象，长这样的 遍历输出key的时候 发现10跑到最前面去了 解决方法：.sort() Object.keys(obj).sort((a, b) => parseInt(a) - parseInt(b)).forEach(key)=>{ }

碰到了非常诡异的问题 能输出obj 但是obj.key就undefined 一开始我以为是用中文做key的原因 但是在空的test页面没有问题 更诡异的是， 有时获取得到key 有时获取不到key 最后用Object.keys获取对象长度 发现是0 就感觉更加诡异了 明明页面上能输出obj但长度是0 后来加了setTimeout就好了 原因大概就是 一系列的运算获取，显示器上又能输出，我以为它好了，拿到数据了 其实并没有，要等等才行 以后一旦碰到时有时无这种事， 第一时间考虑加setTimeout 发现：即

发布完页面后，发现有个样式不对 打开Chrome的无痕模式，想看看是不是缓存 结果无痕模式下页面报错 Failed to read the 'localStorage' property from 'Window': Access is denied for this docum 回到普通页面下看看没报错，清个缓存看看也没报错 后来百度发现，是Chrome无痕模式设置的问题 默认设置，在无痕模式下阻止第三方 Cookie 所以localStorage在无痕模式下报错了 设置-隐私设置和安全性