●第1章 JavaScript概述
任務1.1 認識JavaScript
1.1.1 JavaScript的起源
1.1.2 JavaScript的作用
1.1.3 JavaScript的基本特點
1.1.4 JavaScript的組成
任務1.2 在頁面顯示個人信息
1.2.1 選擇JavaScript腳本編輯器
1.2.2 腳本的基本結構
1.2.3 在網頁中引用JavaScript的方式
1.2.4 常用的輸入/輸出語句
1.2.5 任務實現
任務1.3 Chrome瀏覽器的調試使用
1.3.1 開發者工具介紹
1.3.2 Chrome瀏覽器使用postman插件
小結
實訓
課後練習
第2章 JavaScript基礎
任務2.1 顯示變量數據類型
2.1.1 變量
2.1.2 數據類型
2.1.3 運算符
2.1.4 任務實現
任務2.2 根據成績給出學生考評
2.2.1 if語句
2.2.2 switch語句
2.2.3 任務實現
任務2.3 實現猜數遊戲
2.3.1 for循環
2.3.2 while循環
2.3.3 do...while循環
2.3.4 for...in循環
2.3.5 中斷循環語句
2.3.6 任務實現
任務2.4 制作簡易計算器
2.4.1 數值判斷函數
2.4.2 自定義函數
2.4.3 任務實現
小結
實訓
課後練習
第3章 JavaScript對像編程
任務3.1 實現京東效果
3.1.1 Date對像的創建
3.1.2 Date對像的常用方法
3.1.3 任務實現
任務3.2 制作隨機選號頁面
3.2.1 Math對像的常用屬性
3.2.2 Math對像的常用方法
3.2.3 任務實現
任務3.3 制作簡單的焦點圖效果
3.3.1 數組的創建
3.3.2 數組的訪問
3.3.3 數組的常用屬性和方法
3.3.4 任務實現
任務3.4 使用對像實現疫情防控新聞
3.4.1 什麼是對像
3.4.2 JSON
3.4.3 原型對像
3.4.4 任務實現
任務3.5 驗證注冊頁面信息
3.5.1 String對像的創建
3.5.2 String對像的常用屬性和方法
3.5.3 任務實現
任務3.6 使用正則表達式驗證注冊頁面信息
3.6.1 定義正則表達式
3.6.2 正則表達式的操作方法
3.6.3 正則表達式的模式
3.6.4 任務實現
小結
實訓
課後練習
第4章 BOM與DOM
任務4.1 制作彈出窗口特效
4.1.1 BOM對像模型參考
4.1.2 window對像的常用方法
4.1.3 任務實現
任務4.2 使用本地存儲實現登錄效果
4.2.1 sessionStorage
4.2.2 localStorage
4.2.3 任務實現
任務4.3 使用Core DOM實現留言板效果
4.3.1 什麼是DOM
4.3.2 獲素的方法
4.3.3 創建和增加節點
4.3.4 刪除和替換節點
4.3.5 任務實現
任務 4.4 使用HTML DOM動態添加表格
4.4.1 HTML DOM對像
4.4.2 訪問HTML DOM對像的屬性
4.4.3 表格對像
4.4.4 任務實現
小結
實訓
課後練習
第5章 JavaScript網頁特效
任務5.1 實現仿京東商品切換選項卡效果
5.1.1 素樣式
5.1.2 JavaScript事件
5.1.3 任務實現
任務5.2 實現手風琴動畫效果
5.2.1 scroll繫列屬性
5.2.2 任務實現
任務5.3 實現電梯導航定位效果
5.3.1 頁面高度的獲取
5.3.2 任務實現
小結
實訓
課後練習
第6章 ES6新特性
任務6.1 使用箭頭函數實現簡易計算器
6.1.1 ECMAScript版本
6.1.2 let與const
6.1.3 字符串的擴展
6.1.4 對像的擴展
6.1.5 箭頭函數
6.1.6 任務實現
任務6.2 使用ES6實現絢麗小球效果
6.2.1 類基本語法
6.2.2 Class 的繼承
6.2.3 Class靜態方法
6.2.4 任務實現
任務6.3 使用ES6實現商品查詢效果
6.3.1 解構賦值
6.3.2 數組的擴展
6.3.3 Set/Map數據結構
6.3.4 任務實現
小結
實訓
課後練習
第7章 jQuery基礎
任務7.1 使用jQuery在警告框中顯示“Hello World!”
7.1.1 jQuery的優勢
7.1.2 配置jQuery環境
7.1.3 jQuery開發工具和插件
7.1.4 任務實現
任務7.2 仿京東商城品牌分類列表展開與收起效果
7.2.1 基本選擇器
7.2.2 層次選擇器
7.2.3 過濾選擇器
7.2.4 任務實現
任務7.3 拓展
7.3.1 jQuery對像與DOM對像
7.3.2 表單選擇器
小結
實訓
課後練習
第8章 jQuery中的DOM操作
任務8.1 制作圖片展示效果
8.1.1 獲取和設置屬性
8.1.2 刪除屬性
8.1.3 任務實現
任務8.2 仿制京東商城購物車前端局部更新效果
8.2.1 查找節點
8.2.2 創建節點
8.2.3 插入節點
8.2.4 刪除節點
8.2.5 復制節點
8.2.6 替換節點
8.2.7 遍歷節點
8.2.8 事件方法on()
8.2.9 任務實現
任務8.3 仿制京東購物車前後

本書針對Web前端工程師所需技能，從零開始繫統講解JavaScript與jQuery技術，內容涵蓋JavaScript基本語法、對像編程、BOM編程、DOM編程、網頁特效、ES6新特性、jQuery基礎等。本書由淺入深，根據“項目導向、任務驅動、理論實踐一體化”的教學方法將知識講解、技能訓練和能力提高有機結合，以工作任務為核心選擇和組織專業知識體繫，輔以大量的實例說明，是一本運用當前流行前端技術實現客戶端交互效果的實用教程。 本書適合作為高等院校、高等職業院校相關專業的前端開發課程的教材，也適合社會崗前培訓班或繼續教育學院作為前端開發培訓教材和網站開發的參考書，還可作為JavaScript自學者的入門用書。 本書配備立體化的教學資源，包括教學課件（PPT）、教學案例、操作視頻、案例素材、拓展資料和課後練習答案等，以方便教師教學和學生進行課後練習。

     第3章 JavaScript對像編程 學習目標 （1） 理解JavaScript中的對像。 （2） 掌握JavaScript的Date、Math、String等對像。 （3） 掌握JavaScript的數組聲明以及使用方法。 （4） 掌握正則表達式的屬性和方法。 （5） 掌握自定義對像的使用方法。 JavaScript是一種基於對像的語言，它支持3種對像： 內置對像、用戶自定義對像以及瀏覽器對像。常用的內置對像包括Date對像、Math對像、String對像、Array對像及RegExp對像等。下面將介紹常用內置對像的屬性和方法及如何使用JavaScript的內置對像。 任務3.1實現京東效果 在各大電商平臺，常常能看到活動，下面以京東平臺為例，等