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在无痕模式下报错了设置-隐私设置和安全性