读书笔记 | 《jQuery程序设计基础教程》

读书笔记 | 《jQuery程序设计基础教程》

《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环境配置: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前端专业书籍的实践,还可以阅读以下文章:

1.阅读笔记 | 《HTML网页设计参考手册》

2.阅读笔记 | 《CSS标准网页布局开发指南》

3.阅读笔记 | 《JavaScript从入门到精通》

点赞