这篇随笔记录的是本人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
如有需要,请点击下面链接进行下载: