讀書筆記 | 《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是一個輕型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從入門到精通》

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容