前端知识入门资料

这篇随笔记录的是本人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