JavaScript+jQuery動態網頁設計技術(微課版)
定 價:¥49
中 教 價:¥36.75 (7.50折)
庫 存 數: 1
叢 書 名:高職高專立體化教材計算機系列
《JavaScript jQuery動態網頁設計技術(微課版)》循序漸進地介紹了JavaScript的開發技術,詳細講解了JavaScript的核心知識,并在此基礎上深入分析了jQuery框架的使用方法。《JavaScript jQuery動態網頁設計技術(微課版)》的內容主要包括JavaScript基本語法、數據類型、程序流程控制、函數的定義和調用、JavaScript的內置對象、BOM對象、DOM對象、事件等基礎知識,以及正則表達式、jQuery元素操作、jQuery事件、jQuery動畫和Ajax等擴展知識。此外,每個重要知識點,都配有典型的實訓案例,每一章都安排了豐富的、有針對性的練習題,以幫助讀者鞏固所學的知識,培養解決實際問題的能力。 《JavaScript jQuery動態網頁設計技術(微課版)》內容全面、示例翔實、案例實用、配套資源豐富,語言簡潔流暢,易于理解,既可以作為高職院校計算機、網絡、軟件等專業及相關專業的教材,也可以作為Web 前端開發及維護人員的學習參考書。
JavaScript jQuery課程是軟件技術及相關專業的專業課,著重培養學生的交互頁面設計、網頁特效設計、網頁動畫設計等互聯網交互設計能力,是核心的Web前端技術之一。該課程詳細介紹了JavaScript的基本語法、數據類型和運算符、流程控制、函數、對象、BOM、DOM、事件等基礎知識,以及正則表達式、jQuery的元素操作、jQuery的DOM操作、jQuery的事件和動畫等知識,并介紹了許多實用性案例。本課程內容豐富全面,結合實際應用進行案例設計,從基礎到高級的階梯方式進行講解。教材知識結合微課視頻,對每一個知識點都要詳細、生動的講解。
JavaScript是一種腳本語言,從誕生至今廣泛應用于Web開發,可以對用戶操作進行響應,實現實時的、動態的、可交互性的功能,為用戶提供流暢美觀的瀏覽效果。近幾年,互聯網行業對用戶體驗的要求越來越高,前端開發技術越來越受到重視,JavaScript作為Web前端開發領域中一門重要的語言,如何能夠快速、全面、系統地掌握它的應用,成為Web開發人員的迫切需求。 本書面向具有網頁(HTML、CSS)基礎的人群,講解如何將JavaScript與HTML、CSS相結合,開發交互性強的網頁。本書遵循學習者的認知規律和技能的形成規律,通過先易后難、從簡入繁、從基礎到高級的階梯方式逐步深入講解,采用知識講解+案例實踐的混合方式來安排內容,以真實網站開發中的案例作為教學案例,讓讀者在理解掌握基本知識的同時,能根據實際需求進行擴展與提高,達到學用結合的效果。 本書的內容主要包括JavaScript基本語法、函數、對象、BOM、DOM、事件等基礎知識,以及正則表達式、jQuery、Ajax等擴展知識。全書共分為13章,每章簡要介紹如下。 第1章主要講解JavaScript腳本語言的主要特征、開發環境、引用方法、數據輸出方法,以及JavaScript程序調試運行過程中常用的消息輸出框等。 第2~3章主要講解JavaScript腳本語言的基本數據類型、運算符和JavaScript語言的流程控制,并設計了實訓案例溫度轉換九九乘法表等對重點知識進行強化。 第4章主要講解JavaScript語言函數的定義和引用方法、函數參數和返回值,并設計了實訓案例社區便利店收銀系統幫助讀者理解掌握。 第5章主要講解對象的基本概念和JavaScript中常用的內置對象,實訓案例是表單信息獲取。 第6~7章主要講解BOM對象和DOM對象的操作,并設計了實訓案例搶購倒計時 標簽欄切換和圖片放大特效等加強對知識的理解和應用。 第8章主要講解JavaScript系統常用的事件,并通過具體的應用案例50以內加法訓練系統對事件及其事件處理程序進行詳細講解。 第9章主要講解正則表達式的概念、正則表達式的語法規則、與正則相關的方法和屬性,通過案例表單信息驗證介紹正則表達式在網頁設計中的應用。 第10~12章主要講解jQuery的使用,包括jQuery選擇器、jQuery事件、jQuery動畫設計技術等,并通過實訓案例橫向選項卡項目提成計算器無縫輪播圖等達到對知識的學以致用。 第13章主要講解Ajax對象的屬性和方法、Ajax?的核心對象?XMLHttpRequest以及 jQuery?中的?Ajax?方法,并通過案例上傳文件進度條介紹Ajax的應用。 本書內容豐富、結構合理、示例翔實。在每一章的正文中,結合案例講解基礎知識和關鍵技術,并穿插大量實用的案例,加強對知識的理解和掌握。每一章末尾都安排了豐富的、有針對性的練習題,有助于讀者鞏固所學的知識、掌握實際應用技術、培養解決實際問題的能力。 本書編寫時,響應國家提出的思政進課堂的要求,內容選取上達到既培養讀者技能,也提高讀者德育的目標。書中案例設計精細實用,培養讀者仔細認真、精益求精的大國工匠精神。案例代碼按照流行的網頁設計規范和JavaScript代碼編寫規范,培養讀者嚴謹規范的編碼風格。配套習題既有難度又有高度,培養讀者理論聯系實際、分析問題、解決問題的動手能力。 在本書編寫中,軟通動力信息技術(集團)股份有限公司的主任工程師王海明對采用的案例進行了設計和審核,使得教材中的案例既能滿足教學需要,又能滿足實際開發需求。 本書既可以作為高等職業院校計算機、網絡、軟件等專業及相關專業的教材,也可以作為Web前端開發人員的學習參考書。 編 者
王云曉,山東水利職業學院副教授,國家軟件測試工程師(四級),軟件設計師(中級)。主要從事軟件開發、網站建設等方面的教學和研究工作,參加學生頂崗實習管理系統、邊檢考試管理系統等多個軟件系統的開發。發表論文十幾篇,其中4篇EI檢索。主編教材《HTML5 CSS3網頁設計基礎》(清華大學出版社)、《C語言程序設計實訓教程》(中國石油大學出版社)、《網頁制作與設計》(清華大學出版社)等。
第1章 JavaScript概述 11.1 初識JavaScript 11.1.1 JavaScript簡介 11.1.2 JavaScript的發展 11.1.3 JavaScript的特點 21.1.4 JavaScript的用途 21.2 開發環境 31.2.1 代碼編輯器 31.2.2 JavaScript程序的編寫和運行 31.3 JavaScript的引入和調試方法 41.3.1 網頁中引入JavaScript的方法 51.3.2 常用輸出語句 61.4 JavaScript的消息框 71.5 實訓案例 91.6 本章小結 111.7 練習題 11第2章 數據類型和運算符 122.1 JavaScript的語法規則 122.1.1 區分大小寫 122.1.2 代碼的格式 122.1.3 代碼的注釋 122.1.4 標識符 132.1.5 保留字 132.2 變量 142.2.1 變量的聲明 142.2.2 變量的賦值 142.3 數據類型 152.3.1 基本數據類型 152.3.2 數據類型轉換 172.4 運算符 192.4.1 算術運算符 202.4.2 字符串運算符 212.4.3 賦值運算符 212.4.4 關系運算符 222.4.5 邏輯運算符 232.4.6 條件運算符 242.4.7 位運算符 242.4.8 運算符的優先級 252.5 實訓案例 262.6 本章小結 272.7 練習題 27第3章 JavaScript的流程控制 293.1 選擇結構 293.1.1 單分支語句 293.1.2 雙分支語句 303.1.3 多分支語句 303.1.4 switch語句 323.2 循環結構 333.2.1 while語句 333.2.2 do…while語句 343.2.3 for語句 343.2.4 for…in語句 353.2.5 嵌套循環 363.3 跳轉語句 373.3.1 break語句 373.3.2 continue語句 383.4 實訓案例 393.5 本章小結 413.6 練習題 41第4章 函數 434.1 函數的定義和調用 434.1.1 函數的定義 434.1.2 函數的調用 444.2 函數參數 454.2.1 無參函數 454.2.2 有參函數 454.2.3 數組參數 474.3 函數的返回值 484.4 變量的作用域 484.5 函數的嵌套和遞歸 494.5.1 嵌套函數 494.5.2 遞歸函數 504.6 函數類型 524.6.1 函數表達式 524.6.2 匿名函數 524.7 實訓案例 534.8 本章小結 564.9 練習題 56第5章 JavaScript中的對象 595.1 面向對象概述 595.1.1 面向對象的基本概念 595.1.2 面向對象程序設計特點 595.1.3 對象的屬性和方法 605.2 創建JavaScript對象 605.2.1 用對象文字方法創建對象 615.2.2 用new方法動態創建對象 625.2.3 用工廠方式創建對象 625.2.4 用構造函數創建對象 635.3 內置對象 645.3.1 String對象 645.3.2 Number對象 665.3.3 Math對象 675.3.4 Date對象 685.3.5 Array對象 705.4 實訓案例 765.5 本章小結 785.6 練習題 78第6章 BOM對象 806.1 BOM對象簡介 806.2 window對象 816.2.1 彈出對話框和窗口 816.2.2 窗口位置和大小 846.2.3 定時器 866.3 location對象 886.4 history對象 896.5 frame對象 916.6 navigator對象 926.7 實訓案例 936.8 本章小結 966.9 練習題 96第7章 DOM對象 987.1 DOM簡介 987.1.1 什么是DOM 987.1.2 HTML DOM樹 987.2 HTML元素操作 997.2.1 獲取HTML DOM元素 997.2.2 元素內容操作 1037.2.3 元素屬性操作 1047.2.4 元素樣式操作 1077.3 DOM節點操作 1127.3.1 獲取節點 1127.3.2 節點追加 1137.3.3 節點刪除 1157.4 網頁元素的位置和大小 1177.5 實訓案例 1197.5.1 標簽欄切換效果 1197.5.2 圖片放大特效 1227.6 本章小結 1247.7 練習題 124第8章 事件 1278.1 事件處理 1278.1.1 事件概述 1278.1.2 事件的綁定方式 1288.2 事件對象 1308.2.1 獲取事件對象 1308.2.2 常用屬性和方法 1318.3 常用的事件 1348.3.1 頁面事件 1348.3.2 鼠標事件 1368.3.3 鍵盤事件 1388.3.4 焦點事件 1398.3.5 表單事件 1418.4 實訓案例 1438.5 本章小結 1458.6 練習題 145第9章 正則表達式 1489.1 認識正則表達式 1489.2 創建正則表達式 1509.3 正則表達式的字符 1519.3.1 普通字符 1519.3.2 元字符 1519.3.3 字符集合 1529.3.4 限定符 1539.3.5 括號字符 1549.3.6 正則運算符優先級 1589.4 與正則相關的方法 1589.4.1 RegExp類中的方法 1589.4.2 String類中的方法 1609.5 實訓案例 1629.6 本章小結 1669.7 練習題 167第10章 jQuery的元素操作 16810.1 jQuery概述 16810.2 jQuery的選擇器 17010.2.1 基本選擇器 17010.2.2 層次選擇器 17110.2.3 過濾選擇器 17210.2.4 表單選擇器 17610.3 jQuery中元素內容的操作 17810.4 jQuery中元素樣式的操作 17910.4.1 元素樣式操作 17910.4.2 元素的大小和偏移操作 18110.4.3 元素樣式類操作 18210.5 jQuery中元素屬性的操作 18310.6 元素的篩選和查找 18610.7 jQuery中的DOM操作 18910.7.1 插入元素 18910.7.2 替換元素 19110.7.3 刪除元素 19110.7.4 獲取元素 19210.8 實訓案例 19410.9 本章小結 19710.10 練習題 197第11章 jQuery的事件處理 20011.1 jQuery中的事件處理 20011.1.1 表單事件 20011.1.2 鍵盤事件 20411.1.3 鼠標事件 20511.1.4 瀏覽器事件 20711.1.5 頁面加載事件 20811.2 事件綁定與切換 20811.2.1 事件的綁定與取消綁定 20811.2.2 綁定單次事件 20911.2.3 多個事件綁定同一個函數 20911.2.4 多個事件綁定不同的處理函數 21011.2.5 為以后創建的元素委派事件 211
11.3 jQuery中的合成事件 21211.4 實訓案例 21411.5 本章小結 21711.6 練習題 217第12章 jQuery動畫效果 22012.1 顯示與隱藏效果 22012.1.1 隱藏元素的hide()方法 22012.1.2 顯示元素的show()方法 22112.1.3 交替顯示隱藏元素 22212.1.4 實訓案例 22212.2 滑動效果 22412.2.1 向上收縮效果 22412.2.2 向下展開效果 22512.2.3 交替伸縮效果 22512.2.4 實訓案例 22612.3 淡入淡出效果 22812.3.1 淡出效果 22812.3.2 淡入效果 22912.3.3 交替淡入淡出效果 22912.3.4 不透明效果 23012.3.5 實訓案例 23012.4 自定義動畫效果 23212.4.1 自定義動畫 23212.4.2 動畫隊列 23412.4.3 動畫的停止和延時 23412.4.4 實訓案例 23512.5 本章小結 23912.6 練習題 239第13章 Ajax基礎 24213.1 Web基礎知識 24213.1.1 Web?服務器 24213.1.2 HTTP 24313.2 Web服務器搭建 24313.2.1 PHP開發環境 24413.2.2 前后端交互 24513.3 Ajax入門 24813.3.1 什么是Ajax 24813.3.2 Ajax向服務器發送請求 24813.3.3 處理服務器返回的信息 25013.3.4 FormData JavaScript無刷新表單信息提交 25313.4 jQuery操作Ajax 25413.4.1 load()方法 25513.4.2 $.get()方法 25613.4.3 $.post?()方法 25713.4.4 $.ajax()方法 25713.4.5 $.ajaxSetup()方法 25813.5 實訓案例 25913.6 本章小結 26113.7 練習題 262參考答案 264參考文獻 269