原创 絕對定位與浮動定位（隨筆）
絕對定位 使用絕對定位將某一元素移動到指定位置，那麼該元素原來佔據的空間將消失。絕對定位的元素不會對旁邊的元素帶來影響，就像這個元素不存在一樣（雖然我們還能看到）。 使用絕對定位的優勢在於：我們可以絲毫不差的精確控制元素的位置--這裏面
2020-06-14 01:34:53
原创 JavaScript之DOM擴展
DOM擴展 儘管現在DOM已經很完善了。但爲了實現更多、更復雜的功能，仍然會有一些標準或專有擴展被納入W3C標準中。現在DOM主要有兩個擴展：selector API（選擇符API）和HTML5。 選擇符API 在傳統的 JavaScr
2020-06-14 01:34:53
原创 JavaScript之執行環境與作用域
執行環境與作用域 執行環境是JavaScript中重要的概念。執行環境定義了 變量或函數 是否有權訪問其它數據，決定了他們各自的行爲。每個執行環境都有一個與之相關的變量對象，變量對象保存了執行環境中定義的所有變量和函數。 全局執行環境是最
2020-06-14 01:34:53
原创 JavaScript之最佳實踐（可維護性、性能優化）
可維護性 編寫可維護性代碼很重要，因爲開發人員的大部分時間都耗在別人編寫的代碼上，很少有時間去編寫新的代碼，開發工作是別人的成果上開展的。那麼可維護性代碼在這個時候就很重要了，能節約開發人員的大量時間。 什麼是可維護性代碼 可維護性代碼
2020-06-14 01:34:53
原创 CSS設計美麗之百合花（小作品）
這次的小作品選用了百合花圖片作爲文檔top的背景圖。 本作品完整代碼：點擊查看本作品完整代碼 作品效果： 代碼框架結構： <!DOCTYPE html> <html lang="zh-en"> <head> <me
2020-02-21 22:48:28
原创 JavaScript之模擬事件（事件）
模擬事件 瀏覽器事件的相關信息有：Event對象、事件類型、事件處理程序。那麼模擬出的事件也應該有這些信息。 DOM中的事件模擬 模擬事件的步驟： 第一步：通過document.createEvent()方法創建event對象。 可以在
2020-02-21 22:48:28
1
原创 JavaScript之表單基礎知識（表單腳本）
表單的基礎知識 在HTML中，表單用<form>元素來表示，在JavaScript中，表單用HTMLFormElement來表示，HTMLFormElement繼承了HTMLElement。 獲取表單的引用 取得表單的引用有多種方式，常
2020-02-21 22:48:28
原创 爲什麼p元素內不能嵌套Div元素（隨筆）
在說明這個問題之前，我們先來回顧一個塊級元素與內聯：我們知道 內聯元素可以嵌套內聯元素，塊級元素可以嵌套部分塊級元素並也能嵌套內聯元素，但內聯元素不能嵌套塊級元素。塊級元素爲block，內聯元素爲inline，擁有“inline”特性的同
2020-02-21 22:48:28
原创 CSS設計美麗之絕對定位（absolute）的使用（小作品）
關於HTML與CSS的小作品之一： 前端已經學習過絕對定位的概念了： 絕對定位：脫離文檔流，以 離自己最近定位的祖先元素（position） 爲參照物，如果沒有定位的祖先元素，則追溯到以body爲參照物，通過四個偏移屬性進行偏移，不會影
2020-02-21 22:48:28
原创 JavaScript之JSON
JSON是JavaScript一個嚴格的子集，它利用了JavaScript中的模式表示結構化數據。JSON可以直接傳給eval()，而不必創建DOM對象（不必聲明變量）。 注：JSON是一種數據格式，不是編程語言。JSON不是JavaSc
2020-02-21 22:48:28
原创 JavaScript之安全作用域的構造函數（高級函數）
函數是JavaScript最有趣的部分之一，它可以是最簡單的函數，也可以是最複雜的函數。一些額外的功能還可以通過閉包來實現。由於函數也是對象，所以通過函數指針來操作函數是最非常簡單的，以下是幾種函數使用的高級技巧。 安全的類型檢測 Ja
2020-02-21 22:48:28
原创 JavaScript之防篡改對象（高級技巧）
在實際開發中，有時會無意地修改了別人的代碼，或者用不兼容的功能重寫原生對象，這樣會給整個開發帶來困擾。使用防篡改方式可以防止別人篡改對象代碼。 注：一旦對象定義爲防篡改，就無法撤銷了。也就是說無法改回來了。 不可擴展對象 在默認情況下，
2020-02-21 22:48:27
原创 ES6新特性之迭代器與for-of循環
我們知道遍歷數組的方式之一就是 使用for循環來遍歷，如： var arr = [1, 2, 3, 4, 5, 6]; for (var i = 0; i < arr.length; i++) { console.log(ar
2020-02-21 22:48:17
原创 CSS設計美麗之橫排頁面（小作品）
本次作品與前幾次的作品的不同之處在於：這次頁面是橫排顯示的，即用鼠標左右滾動來查看網頁。 本作品完整代碼：點擊查看本作品完整代碼 作品效果： 可以看出，這個文檔的width是遠遠大於height，因爲使用橫排的顯示方式來佈局頁面，使
2020-02-21 22:48:17
原创 JavaScript之選擇框腳本（表單腳本）
選擇框腳本通過<select>和<option>元素創建。爲了方便與這個控件交互，除了所有表單字段共有的屬性和方法外，HTMLSelectElement類型還提供了以下的屬性和方法： add(newOption, relOption)：
2020-02-21 22:48:17