前端知识入门资料

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

原文地址:https://www.cnblogs.com/huangjianwu/p/4540698.html