我不知道的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

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

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

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

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

  1. clientHeight:element.clientHeight:元素内部的高度(单位像素),包含内边距,但不包括水平滚动条、边框和外边距
  • document.documentElement.clientHeight===window.innerHeight:视口窗口的高度
  • document.body.clientHeight:网页元素内容高度
  • document.documentElement.scrollHeight:网页元素正文的高度,
image.png

判断一个元素是否在可视区域: 距离视口的top 在 -自身的高度 ~ document.documentElement.clientHeight 之间 即: 0

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

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

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

你可能感兴趣的:(我不知道的js)