130小时

昨日学习内容如下：

• getComputedStyle() API动态获取元素的属性

// 语法
let style = window.getComputedStyle(element, null);

// 动态获取元素CSS属性
window.getComputedStyle(document.getElementsByClassName('header')[0], null).getPropertyValue('font-size')  // 16px
css属性名最好使用 kab-case，如 : font-size   font-weight

• vue-lazyload源码学习，其实看120小时里的设计思想就可以了，懒加载其实就是等图片快进入可视区域（默认为浏览器，也可以自己指定图片的祖先元素）的时候将图片的src换成真实的地址，所以难点就是在于如何检测图片进入可视区，插件使用IntersectionObserver API（如果options中设置observer：true且浏览器支持，采用requestIdleCallback()方法，且是浏览器在监听，所以不会存在性能问题） 和 getBoundingClientRect()（默认，主线程动态计算，所以可能会有性能问题）来进行检测。