读书笔记 | 《jQuery程序设计基础教程》
简介
书籍:《jQuery程序设计基础教程》
阅读方法:王者速读法
阅读目的:学习Web前端知识。
第一阶段,预览
要明确目的的解决问题
第一,想获得什么信息。专业基础知识,长时间没用,从知识、到思维都需要梳理梳理。
第二,能获得什么信息。分阶段的jQuery知识,与jQuery相关的Web前端开发技术CSS3、HTML5、Ajax等,配合Dreamwerver编辑工具。
第三,明确重点内容。jQuery知识及应用,jQuery环境配置,使用jQuery编程,操作HTML元素、设置CSS样式,进行事件处理动画特性等。
具体阅读
1.封面。「零起点,适合初学者」,「内容全」,「案例多」;姚敦红、杨凌 等编著。
2.版权页。2013年12月出版;内容简介对全书内容做了概括。
3.前言。对全书内容及特点做一个概括性阐述。
4.目录。共13章,目录已经把内容分为三大部分。第一部分基础篇 第1章和第2章,jQuery概述和JavaScript;第二部分进阶篇第3章到第8章,jQuery编程的具体细节知识;第三部分第9章和第13章,介绍jQuery编程的高级技术和应用实例。
总结
jQuery是一套轻量级的JavaScript脚本库,需要先掌握一定的HTML+CSS+JavaScript知识,再学习jQuery编程。书本目录对篇章结构有一个很好的划分,前言又有相应的内容说明,5分钟要浏览完所有的封面、前言、目录并不难,全书内容框架也只要看前言和目录就可以了解,出于对jQuery并不熟悉的缘故,要掌握其具体细节知识依然是任重道远。
第二阶段,快速翻阅全书
对图表的印象
翻阅所有的书页,标题、图表、照片等最显眼的内容相对繁多,还且大多都是知识点具体内容的罗列,虽然直观,但要都大致看一遍无异于精读,不过一些重要又陌生的知识点图表依然值得仔细阅读。
对章节内容的印象
全书300多页,5分钟翻页依然很难有什么具体的阅读,基本就跟浏览目录差不多,偶尔能就章节大标题之外浏览小标题,就是在浏览目录之外更详细的阅读了,对书本知识能够有一个更好的把握。
总结
书本内容比较丰富,熟悉章节内容尽可能略读或略过不读,本来是翻页阅读翻都翻不过来的,更别说浏览阅读了,所以很多时候不是获取新知识,而是通过视觉效果来使脑海的知识浮现出来,循旧补新,更是快速翻阅书本的收获之一。可以预见,20分钟跳读是没法做到的了,必须要更多的时间来抓取重点内容,系统性内容,而不只是几个单独的知识点。
第三阶段,跳读
第1部分 基础篇
第1章 jQuery概述
jQuery是一个轻型JavaScript脚本库,提供支持各种浏览器平台的API,主要有遍历和操作HTML元素、设置HTML元素和CSS样式、事件处理、实现与Ajax交互、动画特效等功能。
jQuery环境配置:jQuery是一个轻型JavaScript脚本库,其后缀名也是「.js」,使用JavaScript标签<script>引用jQuery脚本文件,方法一是引用jQuery在线脚本,方法二是引用本地jQuery脚本。
jQuery对象与DOM对象:DOM对象是通用的,jQuery对象来自jQuery类库,只能在jQuery程序中使用。
重点:jQuery概念,jQuery环境配置,jQuery对象,jQuery开发工具。
第2章 JavaScript程序设计
本章知识在《JavaScript从入门到精通》有更详尽的讲述,JavaScript是jQuery编程的基础,必须先学习的。
JavaScript程序设计的基本知识包括JavaScript代码的插入方法、JavaScript的基本语法、JavaScript函数、JavaScript对象、JavaScript事件处理等内容。
第2部分 进阶篇
第3章 jQuery选择器
使用jQuery选择器可以实现选择要管理和操作的HTML元素。jQuery使用$()在DOM中搜索与指定的选择器匹配的元素并创建一个引用该元素的jQuery对象。
本章介绍基础选择器、层次选择器和过滤器等jQuery选择器的使用方法。
基础选择器包括id选择器、标签名选择器、CSS类选择器、通赔选择器等。
层次选择器是指ancestor descendant(祖先 后代)选择器、parent>child(父>子)选择器、prev+next(前+后)选择器、prev~siblings(前~兄弟)选择器等。
jQuery过滤器通常用法是$(“选择器:过滤器”),jQuery的基本过滤器有:first、:last、:not、:even、:odd、:eq等;内容过滤器有:contains()、:empty()、:has()、:parent()等;另外还有可见性过滤器、属性过滤器、子元素过滤器等。
重点:jQuery基本过滤器的使用。
第4章 使用jQuery操作HTML元素
每个HTML元素都可以转换为一个DOM对象,每个DOM对象都有一组属性,通过其属性可以设置HTML元素的外观和特性,而jQuery可以方便地获取和设置HTML元素的属性,既可以使用jQuery访问和操作HTML元素的属性和内容,也可以使用jQuery对HTML元素进行管理操作。
重点:使用jQuery获取和设置HTML元素的属性和内容;使用jQuery管理HTML元素,如遍历、判断、删除、插入、复制、替换HTML元素。
第5章 jQuery插件
jQuery插件机制可以把自己的代码(对jQuery的有效扩展)制成jQuery插件供其他人引用。
要点:开发和引用jQuery插件。
滚动插件:捕获滚动事件的插件Waypoints、滚动特效插件scrollTo。
图表插件:Excel样式的表格插件Handssontable、HTML表格插件DataTables、图表效果插件Sparklines。
布局插件:布局插件Masonry、动态布局插件Freetile.js、瀑布流的网页布局插件Wookmark。
文字处理插件:自动调整文本大小的FitText.js插件、就地编辑插件jeditable。
UI插件:旋钮插件knob、显示模式弹出框的插件Avgrund、华东导航插件SlideDeck。
第6章 jQuery表单编程
基础知识:HTML表单知识。
jQuery表单选择器:input、:text、:password、:radio、:submit、:button、:reset、:file等。
jQuery表单过滤器有:enabled、:disabled、:checked、:selected。
jQuery的表单事件处理主要有blur()、focus()、change()、select()、submit()等方法。
jQuery的表单插件:a-tools插件、两级级联下拉列表插件DoubleSelection、表弹验证插件Validate等。
第7章 jQuery事件处理
jQuery可以使用Event对象对触发的事件进行处理,支持的事件包括键盘事件、鼠标事件、表单事件、文档加载事件和浏览器事件等。
第8章 使用jQuery设置CSS样式
基础知识:CSS样式知识。
拓展CSS3的新技术:实现圆角效果、多彩的边框颜色、阴影、背景图片、多列、潜入字体、透明度等。
使用jQuery可以方便地设置HTML元素的CSS样式、类别、位置和尺寸等。
第三部分 高级应用篇
第9章 jQuery动画特效
使用show()、hide()、toggle()方法显示、隐藏及切花显示状态。
使用fadeIn()、fadeOut()、fadeToggle()方法实现淡入和淡出及切换效果,fadeTo()方法直接调节HTML元素的透明度。
jQuery可以使用SlideDown()、SlideUp()、SlideToggle()方法以滑动效果显示和隐藏及其切换HTML元素显示效果。
jQuery可以使用queue()、dequeue()、ClearQueue()、delay()等方法实现动画队列的显示效果。
第10章 jQuery与Ajax
Ajax是Asynchronous JavaScript and XML(异步的JavaScript和XML)的缩写,用于在客户端创建异步的Web应用程序。jQuery提供的与Ajax技术相关的API,可以方便地实现Ajax的功能。
详细内容略。
第11章 jQuery与HTML5
jQuery支持HTML5的新特性,可以使网页设计得更加美观、新颖、有个性。
内容略。
第12章 jQuery特效应用实例
主要实例:提示条实例(滑出式提示条、智能提示条)、幻灯片或魔幻盒或滚动或翻转或自动滑动等效果的图片播放、菜单和选项卡特效、广告特效等。
第13章 jQuery Mobile
jQuery Mobile不是jQuery的一部分,而是基于jQuery的针对触屏智能手机和平板电脑的Web开发框架,是兼容主流移动设备平台的、支持HTML5的用户界面设计系统。
内容略。
总结
书本关于jQuery的知识从基础到进阶再到高级应用,内容丰富,知识点多,仍然是循序渐进的,初学者也可以慢慢在学习和操作中不断掌握全书的内容。
编程语言的学习离不开动手,初学编程语言的动手离不开案例,书本的案例多,方便学习和操作。
注意每一章开始都有对一章知识点的讲述,可以当作教学或学习目标来看,为学习指明了目标和方向。
应用王者阅读法阅读编程语言类书籍并不能多好地掌握书本的知识,却能在该阅读方法的驱动下比较快速的把全书浏览一遍,这对于学习需要快速行动来说,是非常有效果的。学得详细学得深入自然是好事,如果拿着一本书,十点半个月还没读完第一章,慢慢的就忘记要把书读完了,还不如一开始就使用一个快速阅读法把书本阅读一遍,了解全书大概内容,也不至于开头不知体尾。
最后附录里的实验是检验学习知识掌握程度很好的方法。
关于王者阅读法阅读Web前端专业书籍的实践,还可以阅读以下文章: