前端知識入門資料

這篇隨筆記錄的是本人2010年學習前端知識的Demo資料。經過一個個例子的代碼實踐，慢慢掌握了DIV+CSS和JavaScript、jQuery的基本用法。

如今在這裏分享給你們，對於前端知識瞭解甚少的小白來講，有學習參考的意義。因爲Demo資料是本人當年剛工做不久時編寫的，那時能力有限，因此代碼不免有遺漏或者寫法不佳的狀況，請自行借鑑。

 

第2章

2-3-typeof and slice and substring and substr

2-4-indexOf and lastIndexOf

2-5-toExponential

2-6-toString and valueOf

2-7-parseInt

2-8-parseFloat

2-9-new Array and new Object

2-10-join

2-11-split and reverse

2-12-sort

2-13-push and pop

2-14-isNaN and Number

2-15-for

2-16-arguments

2-17-Date

2-18-random

2-19-Date format

2-20-navigator property

2-21-parseInt and substring and round

 

第3章

3-1-float

3-2-border-style

3-3-padding and margin

3-4-border and padding

3-5-display

 

第4章

4-1-content and padding and border and margin

4-2-div and span

4-3-float

4-4-position

4-5-z-index

4-6-float and position

4-7-float and position and padding

4-8-float

4-9-div and top and left

 

第5章

5-1-getElementsByTagName

5-2-getElementById

5-3-hasChildNodes and nodeName property

5-4-parentNode property and tagName property

5-5-className property

5-6-nodeType property and previousSibling property and nextSibling property

5-7-getAttribute and setAttribute

5-8-appendChild and createElement and createTextNode

5-9-removeChild

5-10-replaceChild

5-11-insertBefore

5-12-createDocumentFragment

5-13-innerHTML property

5-14-className property

 

第6章

6-1-dubbed bubbling event

6-2-window event type property

6-3-window event srcElement and target property

6-4-window event button property

6-5-fromCharCode

6-6-className property

 

第7章

7-1-border collapse

7-2-insertRow and insertCell and deleteRow and deleteCell

7-3-forms

7-4-auto

 

第8章

8-1-onerror event

8-2-exception

8-3-pow

8-4-with

 

第9章

介紹XMLHttpRequest部分，關於JavaScript源生的異步操做寫法（PS：如今基本用jQuery封裝好的ajax等方法了【第14章】，但仍是有必要了解下）

 

第10章

初入jQuery

10-1-addClass

10-2-each and html

10-3-insertBefore and insertAfter

10-4-val

10-5-length property and append

10-6-get and append

10-7-index

10-8-not and addClass

10-9-filter

10-10-andSelf

 

第11章

11-1-each and attr

11-2-toggleClass

11-3-css

11-4-removeAttr

11-5-remove

11-6-clone

11-7-val

11-8-bind and unbind

11-9-one

11-10-bind

11-11-trigger

11-12-toggle

 

第12章

12-1-not and is and has and toggle

12-2-prev and next and has and toggle and hide

12-3-slideUp and slideDown and slideToggle and fadeTo

12-4-animate and trigger

12-5-animate

12-6-animate and css

12-7-animate and css and hover

 

第13章

13-1-browser object and boxModel object

13-2-each

13-3-grep

13-4-map and inArray

13-5-getScript

13-6-trim

函數-閉包

函數-遞歸

函數-級聯

函數-記憶

函數-模塊

函數-套用

繼承-僞類和對象說明符

 

第14章

jQuery封裝好的異步調用方法（load, get, post, ajax）的使用

 

第15章

jQuery.UI框架的使用，實現可拖拽的DIV、自適應寬度有過渡動畫切換的Tab選項卡效果

 

 

第16章

使用jQuery實現網絡相冊效果

 

 

第17章

使用jQuery和第三方腳本庫，實現可拖拽的窗口效果

 

第18章

使用jQuery和第三方腳本庫，實現網絡報價單效果

 

 

第19章

使用jQuery實現截圖效果

 

 

第20章

使用第三方腳本庫，實現圖片倒影、圖片旋轉、餅圖圖表、動畫、曲線圖圖表

20-1-noConflict

20-2-is and not and filter

 

 

 

 

 

 

若有須要，請點擊下面連接進行下載：

JS_Demo.zip