1、偽元素(::before和::after)
? ? 可以在元素的前面和后面加內(nèi)容，默認(rèn)是行內(nèi)元素，加屬性之前記得轉(zhuǎn)換為行內(nèi)塊。
2、scroll家族
? ? scrollWidth和scrollHeight：獲取的是盒子內(nèi)容的寬和高，有子元素就是子元素的寬和高，沒有子元素則是自身的寬和高。即：獲取的是邊框內(nèi)的所有內(nèi)容的寬和高（包括padding的值）
? ? scrollLeft：獲取的是往左邊滾出去的寬度（左邊看不見部分的寬度，包括邊框）
? ? scrollTop：獲取的是往上邊滾出去的高度（上邊看不見部分的寬度，包括邊框）
? ? window.pageYOffset和window.pageXOffset：有兼容性問題
? ? window.pageYOffset：獲取的而是網(wǎng)頁往上滾出去的高度
? ? window.pageXOffset：獲取的而是網(wǎng)頁往左滾出去的寬度
? ? overflow：auto；? 超出的部分加個(gè)滾動(dòng)條
? ? 拖動(dòng)滾動(dòng)條觸發(fā)事件：onscroll
3、document：獲取文檔
? document.documentElement：獲取html
? document.body：獲取body
4、client家族
? ? clientWidth和clientHeight：獲取的是可視區(qū)域的寬和高，一般不會(huì)用在元素上，用在網(wǎng)頁上，來獲取網(wǎng)頁可視區(qū)域的寬和高。
? ? clientLeft和clientTop：獲取的是元素左邊框的寬度和上邊框的高度
? ? window.innerWidth和window.innerHeight：獲取的是網(wǎng)頁的可視區(qū)域?qū)捄透?/p>
? ? window.onresize：監(jiān)聽網(wǎng)頁的寬高變化（做響應(yīng)式布局）
5、事件對(duì)象：當(dāng)任何事件觸發(fā)時(shí)，瀏覽器會(huì)自動(dòng)創(chuàng)建一個(gè)對(duì)象，這個(gè)對(duì)象里包含這個(gè)觸發(fā)事件的所有信息。
? ? 如何獲取這個(gè)事件對(duì)象？
? ? 在事件綁定的函數(shù)里，寫一個(gè)形參就可以了，這個(gè)形參就是事件對(duì)象。（IE8以后的版本）
? ? window.event獲取（IE8以前的版本）
? ? 但是形參不能亂寫，最好寫e或者event。這是一個(gè)規(guī)范
6、事件對(duì)象中的三大坐標(biāo)系
? ? e.screenX和e.screenY：獲取的是相對(duì)屏幕左上角的坐標(biāo)
? ? e.pageX和e.pageY：獲取的是相對(duì)于文檔左上角的坐標(biāo)（這個(gè)有兼容問題）
? ? e.clientX和e.clientY：獲取的是相對(duì)于可視區(qū)域左上角的坐標(biāo)
