我不知道的js

1. element.ownerDocument.document直接返回当前节点的顶层document对象
2. element.clientTop: 返回元素顶部边框的宽度
3. window.pageYoffset===window.scrollY ；pageYoffset是scrollY别名,返回文档在垂直方向已滚动的像素值。
4. element.getBoundingClientRect().top返回的是相对视口窗口顶部的距离 不是相对整个文档网页

如果有滚动条，想计算相对整个网页的距离那就是 window.scrollY+element.getBoundingClientRect().top

5. element.offsetTop返回当前元素相对于其 offsetParent元素的顶部内边距的距离。

offsetParent :指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table,td,th,body元素

6. element.scrollTop:元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量

element必须是有滚动条的才能取到scrollTop，否则为0 比如默认的滚动页面下：window.scrollY==document.documentElement.scrollTop

7. clientHeight:element.clientHeight:元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距

• document.documentElement.clientHeight===window.innerHeight:视口窗口的高度
• document.body.clientHeight:网页元素内容高度
• document.documentElement.scrollHeight:网页元素正文的高度,

image.png

判断一个元素是否在可视区域： 距离视口的top 在 -自身的高度 ~ document.documentElement.clientHeight 之间 即： 0<ele.getBoundingClientRect().top+ele.clientHeight<document.body.clientHeight+ele.clientHeight

9.window.getComputedStyle(element, [pseudoElt]) 计算属性样式

10. Function.prototype.bind()：创建一个新函数，该新函数在被调用时将其关键字设置为提供的值，并在调用新函数时提供给定的参数序列。

const Template=(args)=>({})
Note that Template.bind({}) is a standard JavaScript technique for making a copy of a function.