我不知道的js

  1. element.ownerDocument.document直接返回當(dāng)前節(jié)點的頂層document對象
  2. element.clientTop: 返回元素頂部邊框的寬度
  3. window.pageYoffset===window.scrollY ；pageYoffset是scrollY別名,返回文檔在垂直方向已滾動的像素值。
  4. element.getBoundingClientRect().top返回的是相對視口窗口頂部的距離 不是相對整個文檔網(wǎng)頁

如果有滾動條，想計算相對整個網(wǎng)頁的距離那就是 window.scrollY+element.getBoundingClientRect().top

  1. element.offsetTop返回當(dāng)前元素相對于其 offsetParent元素的頂部內(nèi)邊距的距離。

offsetParent :指向最近的（指包含層級上的最近）包含該元素的定位元素或者最近的 table,td,th,body元素

  1. element.scrollTop:元素的內(nèi)容頂部（卷起來的）到它的視口可見內(nèi)容（的頂部）的距離的度量

element必須是有滾動條的才能取到scrollTop，否則為0 比如默認的滾動頁面下：window.scrollY==document.documentElement.scrollTop

  1. clientHeight:element.clientHeight:元素內(nèi)部的高度(單位像素)，包含內(nèi)邊距，但不包括水平滾動條、邊框和外邊距
  • document.documentElement.clientHeight===window.innerHeight:視口窗口的高度
  • document.body.clientHeight:網(wǎng)頁元素內(nèi)容高度
  • document.documentElement.scrollHeight:網(wǎng)頁元素正文的高度,
image.png

判斷一個元素是否在可視區(qū)域： 距離視口的top 在 -自身的高度 ~ document.documentElement.clientHeight 之間 即： 0<ele.getBoundingClientRect().top+ele.clientHeight<document.body.clientHeight+ele.clientHeight

9.window.getComputedStyle(element, [pseudoElt]) 計算屬性樣式

  1. Function.prototype.bind()：創(chuàng)建一個新函數(shù)，該新函數(shù)在被調(diào)用時將其關(guān)鍵字設(shè)置為提供的值，并在調(diào)用新函數(shù)時提供給定的參數(shù)序列。

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

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容