JavaScript+jQuery Web開發案例教程
內容描述
隨著互聯網技術的不斷發展,JavaScript語言及其相關技術越來越受到人們的關註,同時JavaScript框架也層出不窮。jQuery作為JavaScript框架中的優秀代表,為廣大開發者提供了諸多便利,持久地占據著Web開發技術中的重要位置。本書內容翔實、結構框架清晰、講解循序漸進,共分上下兩篇。上篇為JavaScript程序開發(共8章),以ES6為標準,講解了JavaScript的基礎概念、程序控制流、函數、對象、集合、ES6中引入的類操作以及背後的原型鏈等核心知識,同時介紹了通過原生API訪問DOM的方法。此外,在第8章中講解了一個完整的漸進式綜合案例的開發,在綜合案例中通過反復迭代,不斷改進內部邏輯,給讀者提供了一個透徹理解Web開發實踐的示範。下篇為jQuery程序開發(共10章),通過豐富的案例詳細講解了jQuery框架的相關技術,主要包括jQuery的基礎、如何使用jQuery控制頁面、製作動畫與特效、簡化AJAX操作以及jQuery插件等。本書講解的重點在於簡化JavaScript程序開發的步驟,註重實例之間的對比與遞進,充分展示了jQuery所帶來的變化。最後通過綜合案例,讓讀者進一步鞏固所學知識,提高綜合應用所學知識的能力。本書既可以作為高等院校相關專業的網頁設計與製作、前端開發等課程的教材,也可以作為JavaScript、jQuery初學者的入門用書,還可以作為高級用戶進一步學習相關語言與框架的參考資料。
目錄大綱
章名目錄【上篇】 JavaScript程序開發第 1章 JavaScript簡介第 2章 JavaScript基礎第3章 程序控制流與函數第4章 JavaScript中的對象第5章 在JavaScript中使用集合第6章 類與原型鏈第7章 DOM第8章 綜合案例一:以迭代方式開發計算器【下篇】 jQuery程序開發第9章 jQuery基礎第 10章 jQuery選擇器與管理結果集第 11章 使用jQuery控制DOM第 12章 jQuery事件第 13章 jQuery的功能函數第 14章 jQuery與AJAX第 15章 jQuery製作動畫與特效第 16章 jQuery插件第 17章 綜合案例二:網頁留言本第 18章 綜合案例三:網頁圖片剪裁器## 詳細目錄【上篇】 JavaScript程序開發第 1章 JavaScript簡介1.1 程序設計語言與JavaScript 021.2 JavaScript的起源、發展與標準化 061.2.1 起源 061.2.2 博弈與發展 071.2.3 標準的制定 071.3 JavaScript的組成 081.3.1 ECMAScript 081.3.2 DOM 081.3.3 BOM 091.3.4 新的開始 091.4 Web標準 101.4.1 Web標準概述 101.4.2 結構、表現、行為的分離 111.4.3 前/後端分離成為Web頁面開發的主流模式 12本章小結 13習題1 13第 2章 JavaScript基礎2.1 JavaScript的基本語法 142.2 使用VS Code編寫第 一個包含JavaScript代碼的頁面 162.2.1 創建基礎的HTML文件 162.2.2 編寫JavaScript代碼 172.2.3 在瀏覽器中查看與調試代碼 182.3 關鍵字與保留字 202.4 變量 212.5 數據類型 232.5.1 數值型 232.5.2 字符串型 242.5.3 布爾型 272.5.4 數據類型轉換 282.5.5 數組 30本章小結 34習題2 34第3章 程序控制流與函數3.1 順序結構:賦值語句與表達式 353.2 分支結構:條件語句 373.2.1 比較運算符 373.2.2 邏輯運算符 373.2.3 if語句 383.2.4 switch語句 393.3 循環語句 413.3.1 while語句 413.3.2 do…while語句 413.3.3 for語句 423.3.4 break和continue語句 433.3.5 實例:九九乘法表 453.3.6 for…of語句 463.3.7 for…in語句 473.4 函數 483.4.1 定義函數的基本方法 483.4.2 arguments對象 503.4.3 實例:楊輝三角 513.4.4 變量的作用域 533.4.5 函數作為函數的參數 553.4.6 箭頭函數 573.5 異常處理 58本章小結 60習題3 61第4章 JavaScript中的對象4.1 理解對象的含義 624.1.1 理解常見的“類-對象”結構 634.1.2 理解JavaScript中的對象 644.1.3 在JavaScript中創建對象 654.2 時間日期:Date對象 704.3 數學計算:Math對象 734.4 基本類型與裝箱 764.4.1 Boolean 774.4.2 Number 774.4.3 String 784.5 BOM簡介 794.5.1 window對象 794.5.2 location對象 824.5.3 navigator對象 834.5.4 screen對象 854.5.5 history對象 85本章小結 88習題4 88第5章 在JavaScript中使用集合5.1 數組 905.1.1 數組的基本操作 905.1.2 作為不同數據結構的數組 925.2 對象 965.3 集合類型 985.3.1 Map集合 985.3.2 Set集合 99本章小結 101習題5 101第6章 類與原型鏈6.1 使用類語法實現封裝 1036.1.1 類的聲明與定義 1036.1.2 通過類創建對象 1046.1.3 定義方法與調用方法 1056.1.4 存取器 1066.1.5 static 1086.1.6 instanceof運算符 1086.2 使用類語法實現繼承 1096.3 基於構造函數和原型的面向對象機制 1126.3.1 封裝 1126.3.2 繼承 1136.3.3 原型與原型鏈 115本章小結 118習題6 118第7章 DOM7.1 網頁中的DOM框架 1207.2 DOM中的節點 1217.2.1 元素節點 1217.2.2 文本節點 1227.2.3 屬性節點 1227.3 通過JavaScript訪問DOM 1227.3.1 訪問節點 1237.3.2 檢測節點類型 1247.3.3 父子兄關系 1257.3.4 節點的屬性 1287.3.5 創建和操作節點 1297.4 DOM與CSS 1327.4.1 HTML、CSS、JavaScript三位一體 1337.4.2 className屬性 1337.5 事件 1347.5.1 事件與事件流 1357.5.2 事件監聽 1367.5.3 事件對象 1387.6 動手實踐:動態控製表格 1397.6.1 動態添加 1407.6.2 修改單元格內容 1427.6.3 動態刪除 143本章小結 146習題7 146第8章 綜合案例一:以迭代方式開發計算器8.1 案例概述 1478.2 更新屏幕 1498.3 按鈕操作 1508.4 輸入數字 1518.5 輸入小數點 1538.6 處理運算符 1538.7 重置計算器 1568.8 修復小數點錯誤 1578.9 重構事件監聽器 1578.10 浮點精度 1588.11 實現先乘除後加減 1588.12 實現支持括號 160本章小結 165【下篇】 jQuery程序開發第9章 jQuery基礎9.1 jQuery概述 1689.1.1 jQuery簡介 1689.1.2 下載並使用jQuery 1699.2 jQuery的$ 1709.2.1 選擇器 1709.2.2 功能函數前綴 1729.2.3 window.onload 1739.2.4 創建DOM元素 1739.2.5 擴展jQuery 1749.2.6 沖突問題 176本章小結 176習題9 176第 10章 jQuery選擇器與管理結果集10.1 選擇器 17810.1.1 屬性選擇器 17810.1.2 包含選擇器 18010.1.3 位置選擇器 18110.1.4 過濾選擇器 18410.1.5 反向選擇器 18610.2 遍歷DOM 18710.2.1 children() 18710.2.2 parent()和parents() 18910.2.3 siblings() 19110.3 管理結果集 19310.3.1 獲取選中元素的個數 19310.3.2 提取元素 19410.3.3 添加、刪除、過濾 19610.3.4 查找 20010.3.5 遍歷 20110.4 jQuery鏈 202本章小結 202習題10 203第 11章 使用jQuery控制DOM11.1 標記的屬性 20411.1.1 獲取屬性的值 20511.1.2 設置屬性的值 20611.1.3 刪除屬性 20811.2 元素的樣式 20911.2.1 添加、刪除CSS類別 20911.2.2 動態切換 21011.2.3 直接獲取、設置樣式 21011.3 頁面的元素 21211.3.1 直接獲取和編輯內容 21211.3.2 添加元素 21411.3.3 刪除元素 21811.3.4 克隆元素 22011.4 表單元素的值 22211.4.1 獲取表單元素的值 22211.4.2 設置表單元素的值 223本章小結 224習題11 224第 12章 jQuery事件12.1 事件監聽 22612.2 刪除事件 22912.3 事件對象 23012.4 事件觸發 23212.5 事件的動態交替 23312.5.1 hover事件的交替 23312.5.2 click事件的交替 23412.6 事件委托 23512.7 實例:快餐在線 23712.7.1 框架搭建 23712.7.2 添加事件 23912.7.3 樣式 241本章小結 244習題12 244第 13章 jQuery的功能函數13.1 處理JavaScript對象 24513.1.1 遍歷 24513.1.2 數據過濾 24713.1.3 數組的轉化 24813.1.4 數組元素的查找 25113.2 獲取外部代碼 252本章小結 253習題13 254第 14章 jQuery與AJAX14.1 認識AJAX 25514.1.1 AJAX的基本概念 25514.1.2 AJAX的組成部分 25714.2 獲取異步數據 25814.2.1 傳統方法 25814.2.2 jQuery的load()方法 25914.3 GET與POST 26114.4 控制AJAX 26314.4.1 設置AJAX訪問服務器的細節 26314.4.2 全局設定AJAX 26614.4.3 AJAX事件 26714.4.4 實例:模擬百度的數據加載 26914.5 實例:利用jQuery製作自動提示的文本框 27114.5.1 框架結構 27114.5.2 匹配用戶輸入 27214.5.3 顯示清除提示框 273本章小結 277習題14 277第 15章 jQuery製作動畫與特效15.1 元素的顯示和隱藏 27915.1.1 show()和hide() 27915.1.2 實例:多級菜單 28015.1.3 toggle() 28215.2 淡入淡出的特效 28315.2.1 再探討show()、hide()和toggle() 28315.2.2 fadeIn()和fadeOut() 28415.2.3 自定義變化透明度 28615.3 幻燈片特效 28715.4 自定義動畫 289本章小結 290習題15 290第 16章 jQuery插件16.1 模擬加入購物車 29216.1.1 鼠標拖曳 29216.1.2 拖入購物車 29616.1.3 模態框提示 29816.2 流行的Tab菜單 30016.3 輪播圖 30316.3.1 使用前準備 30416.3.2 使用輪播圖插件 30416.3.3 調整輪播圖效果 306本章小結 308習題16 308第 17章 綜合案例二:網頁留言本17.1 基本留言本 30917.2 改用AJAX方式實現留言本 31117.2.1 讀取留言列表 31117.2.2 保存並返回新留言 31217.2.3 留言本入口頁面 31217.3 對表單數據進行驗證 314本章小結 315第 18章 綜合案例三:網頁圖片剪裁器18.1 整體分析 31718.2 頁面HTML結構和CSS樣式 31818.2.1 HTML結構 31818.2.2 選區部分的結構與樣式 31918.3 實現核心邏輯 32018.3.1 定義基礎類 32018.3.2 定義Cropper類 32218.4 使用jQuery處理交互邏輯 32618.4.1 初始化圖片 32618.4.2 控制選區 32718.4.3 最終剪裁 331本章小結 332
作者介紹
温谦:## 全栈工程师,前沿科技创始人,现从事企业大型软件系统的分析与开发工作,拥有20年的软件开发经验,主持并成功开发了多个复杂系统,项目实战经验丰富。## 常销书作者,毕业于华中科技大学计算机专业,主编网页设计与软件开发相关领域图书共12本,图书编写经验颇丰,其中《HTML+CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程(HTML+CSS+DIV)》等图书常销10余年,被百余所高校选作教材。