原创 DOM事件類型、event事件對象，最詳解析。
目錄事件對象定義（一）DOM中的事件對象（1） 示例（2）所有事件都有的event對象的屬性和方法① currentTarget | this | targer 的區別② type的作用③ preventDefault(
2020-06-26 21:09:17
原创 回到頂部案例（原生JS）
方法一：使用錨標記 這是最簡單粗暴的一種方法，具體如下： 頁面頂部放置代碼： <a id="backtop"></a> 頁面底部放置代碼： <a href="#backtop">返回頂部</a> 方法二、使用JS 監控scro
2020-06-26 21:09:17
原创 DOM 全部事件類型、event事件對象，最詳解析。
目錄事件對象定義（一）DOM中的事件對象（1） 示例（2）所有事件都有的event對象的屬性和方法① currentTarget | this | targer 的區別② type的作用③ preventDefault(
2020-05-11 16:16:52
原创 回到頂部（原生JS）
方法一：使用錨標記 這是最簡單粗暴的一種方法，具體如下： 頁面頂部放置代碼： <a id="backtop"></a> 頁面底部放置代碼： <a href="#backtop">返回頂部</a> 方法二、使用JS 監控scro
2020-05-11 16:16:52
原创 高度塌陷問題及解決方法
高度塌陷問題產生的原因 想要了解產生高度塌陷問題的原因，先提及幾個知識點： 1.在文檔流中，父元素的高度默認是被子元素撐開的。 2.當子元素設置浮動以後，子元素會完全脫離文檔流。 也就是說：當子元素浮動之後，子元素完全脫離文檔流，
2020-05-11 16:16:52
原创 DOM事件流，冒泡 | 捕獲 | 委託 ，詳解
目錄（一）DOM事件流① 定義② 圖解③ 歷史（二）冒泡（三）捕獲（四）在不同的階段執行事件（五）提高內存和性能 -- 事件委託① 實例② 優點 （一）DOM事件流 ① 定義 DOM事件流包括三個階段： 捕獲階段 目標階段 冒
2020-05-11 16:16:52
原创 css3動畫創意
css3動畫創意 鼠標指向前： 鼠標指向後： 代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style>
2020-05-11 16:16:52
原创 DOM事件處理函數、DOM0，DOM2的優缺點
目錄（一）定義（二）HTML事件處理函數① 特點② 缺點（三）DOM0級事件處理函數① 使用② 刪除③ 缺點（四）DOM2級事件處理函數① 使用② 刪除③ 注意 （一）定義 事件就是用戶或者瀏覽器自身執行的某種行爲，例如clic
2020-05-11 16:16:52
原创 塊級子元素無法實現 height100% 的原因
爲什麼height:100%不起作用呢？ 根據W3C的規範，百分比的高度在設定時需要根據這個元素的父元素容器的高度 通常，設置寬度爲width: 100%;，那這個元素的寬度會立刻擴展到窗口的整個橫向寬度。爲什麼高度不會這樣呢？
2020-05-11 16:16:52