原创 JavaScript學習筆記之DOM擴展

DOM作爲API已經很完善了,但是爲了實現更多的功能,還是有着各種各樣的擴展和功能上的補充。 DOM擴展 1、選擇符API(Selector API) 它包括兩個核心方法,用來實現根據CSS選擇符選擇與某個模式匹配的DOM元素。分別是qu

原创 JavaScript學習筆記之Array類型與String類型

在JavaScript中數據類型分爲基本數據類型和引用類型兩種。Array類型與String類型(基本數據類型的包裝類型)屬於引用類型,方法較多且較爲常用。 Array類型 以下代碼中變量a爲Array 1.創建方法         創建

原创 inline-block元素間的間隙問題

在我們使用inline-block時會發現元素間存在間隙,如下例所示 <nav> <a href="#">one</a> <a href="#">one</a> <a href="#">one</a>

原创 半決賽贏啦

        半決賽對東華,一隻血氣方剛韌性十足的球隊,擁有自己的靈魂人物和不錯的投手,5局比拼,終究實力更勝一籌,用了2局時間讓比賽失去懸念。         小組賽和賢達的比賽依舊曆歷在目,始終對他們展現的競技精神施以淚水級的敬佩,

原创 元素底部留有空白

要理解這個問題,首先要弄明白CSS對於 display: inline 元素的 vertical-align 各個值的含義。vertical-align 的默認值是 baseline,這是一個西文排版纔有的概念: 可以看到,出現在bas

原创 5.17 決賽 輸

再輸華理,最後一屆比賽的冠軍夢就此破裂,每次回想比賽的種種鏡頭都會伴隨着一陣陣的絞痛。 青春就是這樣充滿遺憾(強行青春一下。。)。 但,我還記得打棒球的初衷,體驗競技的魅力,以及和一羣小夥伴共同努力共同經歷的體驗。足矣。 對。。。我們正準

原创 CSS權重

在CSS中,我們一般都會知道,id選擇器優先於class選擇器,內聯樣式優先於外部引用的樣式等等。其實對於CSS權重的問題,是有着明確的計算規則的。 在CSS中對於各種選擇符做了以下的規定: 元素選擇器——1 points類選擇器  

原创 null==undefined和null!==undefined

        rt,在JavaScript中 null==undefined返回true;null===undefined返回false。         對於null==undefined,規範裏規定了在“==”兩端的變量類型不同時

原创 <meta>標籤詳解

<meta>標籤位於文檔的頭部,不包含任何內容。<meta>標籤的屬性定義了與文檔相關聯的名稱/值對,這些內容描述了有關文檔的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞。 1、<meta>標籤的屬性 <meta>標籤擁有以下幾種屬性

原创 JavaScript學習筆記之函數表達式與閉包

1.函數表達式與函數聲明 在JavaScript中,定義函數有兩種方式,一種是函數聲明,一種是函數表達式。 函數聲明的語法如下: function functionName(arg0,arg1){ //函數體 }函數表達式的語法

原创 JavaScript學習筆記之DOM

DOM(文檔對象模型)是針對HTML和XML文檔的一個API。DOM描繪了一個層次化的節點樹,允許開發人員添加、移除和修改頁面的某一部分。 節點層次 根節點爲文檔節點(document),下面有各種節點,包括元素節點、特性節點和文檔節點等

原创 CSS margin重疊問題

解決方案: 1、外層padding 2、透明邊框 border:solid 1px transparent 3、絕對定位absolute 4、外層div overflow:hidden 5、內層div float:left 6、內層div

原创 對於前路,興奮與緊張

        是時候了,也應該寫寫什麼了,從這篇開始。         晚上40分鐘的跑步結束後走回來,光體的燈光下,3個小夥子,一個男孩兒在換輪滑鞋,一個打扮殺馬特的在隨着歌曲微晃着腦袋慢嗨,還有一個用了一個帥氣的動作來了一個背滑90

原创 JavaScript學習筆記之作用域鏈

        在JavaScript中,作用域鏈是一個很重要的概念,瞭解作用域鏈有助於學習JavaScript中的變量找尋機制、閉包以及繼承等概念。廢話不多說,先上圖。         上面這張圖基本上展示了有關作用域鏈前後的相關內容

原创 JavaScript學習筆記之創建對象

        一、創建自定義對象最簡單的方式就是創建一個object實例,然後爲它添加屬性和方法。 var person=new Object(); person.name="John"; person.age=20; person.