css滑鼠點擊的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列免費下載的地點或者是各式教學

金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)

為了解決css滑鼠點擊的問題，作者李建杭(Amos) 這樣論述：

☛☛☛☛☛☛☛台灣第一本CSS選取器！！！☚☚☚☚☚☚☚ 　　本書內容改編自第11屆iT邦幫忙鐵人賽，Modern Web組冠軍網路系列文章《金魚都能懂的CSS 選取器 - 金魚都能懂了你還怕學不會嗎》，源於太多的網頁新手對CSS選取器不熟練，而市面上也缺乏專門探討CSS選取器的資源與項目。本書一方面能提供讀者對CSS選取器有更進一步的整理與思考；二方面讓廣大的網頁新手或老手們，有個便利查詢與了解的地方。 　　在網頁的世界中，有太多對新手不友善的因素，不管是教學文章的敘述方式、專有名詞的應用、學習章節的安排、或舉例與引導過程等，Amos為了解決這問題，便開始了「金魚都能懂」的系列教學，

希望能用最淺顯易懂的教學與講解方式，帶領眾新手們，在新手村中學好學滿，自信滿滿地踏出新手村。 　　必看！學習路徑懶人包---CSS 選取器學習地圖 　　➠ 新手必學的CSS 選取器 　　➠ 入門進階者必學的CSS選取器 　　➠ 提升效率必學的CSS選取器 　　➠ 多國語言網站必學的CSS選取器 　　➠ 技能探究者必學的CSS選取器 　　《金魚都能懂的CSS 選取器》有別於一般的書籍，這本書的閱讀方式你可以從一開始就照順序閱讀，也可以直接跳不同章節閱讀，更可以按照「必看！學習路徑懶人包---CSS 選取器學習地圖」中的分類建議來閱讀，又或者是當作字典來跳章節學習，不管使用哪一種閱讀方式，對

各位來說，全部學完是必要的喔，這樣才能彈性運用在工作上，開發效益絕對翻倍。 讀者好評 　　「看了金魚系列，讓我對HTML的觀念更加清楚，再閱讀其他文章或官方文件能夠更快解讀。而熟悉後再回來看，又會有新的發現！很多觀念在重複閱讀後更加精粹，更加精實。」------張潪榤 　　「從 0 →1 建立穩固觀念，讓你遇到任何版型都能自行推導，而不是只會照抄老師教過的範例，誠心推薦給網頁新手。」------ shika 　　「老師的課程除了扎實的語法講解以外，最珍貴的就是老師的思考方式以及實戰經驗。切版時常常會想起老師的防衛性切版，思考每個地方有可能會遇到的更動，該如何撰寫較有彈性，便於調整與修改

。」------ Lai 　　「以前的學習是死背方式，當遇到版面變化就會卡住出現BUG。金魚系列每篇簡短卻是字字珠璣、紮紮實實的基本功！一篇篇導引我學習正確觀念、推導邏輯。每段的學習、複習讓我在網頁切版的細節上更加紮實（感謝金魚系列讓我遇到好講師及一起學習的夥伴，也讓我換到新工作）。」------ 凱特 　　「CSS是個看似簡單實質卻有很多「眉角」的技術。Amos老師學習CSS的方式，正是自己跌跌撞撞習得的，也因為這樣的過程，老師很清楚新手學習CSS會遇到的瓶頸到底有哪些，因此在教學的同時，自然而然的會強調那些必須注意的細節，人家說魔鬼藏在細節裡大概就是這樣的道理了！」------ 王泉富

JavaScript 從入門到精通（微課視頻版）（第2版）

為了解決css滑鼠點擊的問題，作者未來科技 這樣論述：

《JavaScript從入門到精通（微課視頻版）（第2版）》系統地講解了JavaScript語言的使用，並結合HTML5介紹了如何開發更富可用性的Web程式。全書分為5大部分，共26章。第1部分為JavaScript概述，介紹JavaScript的發展與應用環境，以及如何快速上手測試JavaScript代碼；第2部分為JavaScript核心程式設計，包括變數、資料類型、運算子、運算式、語句和程式結構、字串、規則運算式、陣列、函數、物件、構造函數、原型與繼承的程式設計應用等；第3部分介紹了JavaScript用戶端開發的相關知識和技術，如流覽器腳本化、網頁腳本化、樣式表腳本化以及事件處理等；第

4部分講解JavaScriptHTML5應用，如檔操作、圖形繪製、本機存放區、多執行緒處理、離線應用、JavaScript通信、拖放操作、移動定位、幀動畫和DOM觀察器、全屏和隱藏顯示處理等；第5部分為電子版綜合案例，通過多個綜合案例演示了如何使用JavaScript進行實戰開發的過程。全書關鍵知識點均結合具體示例進行介紹，涉及的程式碼也給出了詳細的注釋，可以説明讀者輕鬆領會JavaScript語言精髓，快速提高開發技能。 《JavaScript從入門到精通（微課視頻版）（第2版）》配備了極為豐富的學習資源，其中配套資源有：500集教學視頻（可二維碼掃描）、素材來源程式；附贈的拓展學習資源有

：習題及面試題庫、案例庫、工具庫、網頁範本庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。 《JavaScript從入門到精通（微課視頻版）（第2版）》適合作為JavaScript入門、JavaScript實戰、JavaScript高級程式設計、HTML5移動開發方面的自學用書，也可作為高等院校網頁設計、網頁製作、網站建設、Web前端開發等專業的教學參考書或相關機構的培訓教材。   未來科技   是由一群熱愛Web開發的青年骨幹教師組成的一個鬆散組織，主要從事Web開發、教學培訓、教材開發等業務。該群體編寫的同類圖書在很多網店上的銷量名列前茅，讓數十萬的讀者輕鬆跨進了Web

開發的大門，為Web開發的普及和應用做出了積極貢獻。 第1章 JavaScript基礎 視頻講解：25分鐘 示例：5個 1.1 JavaScript概述 1.1.1 JavaScript歷史 1.1.2 ECMAScript起源 1.1.3 ECMAScript版本 1.1.4 流覽器支持 1.1.5 JavaScript構成 1.2 初步使用JavaScript 1.2.1 編寫第一個程式 1.2.2 新建JavaScript文件 1.2.3 執行JavaScript程式 1.2.4 延遲執行JavaScript檔 1.2.5 非同步載入JavaScript檔 1.2.6

認識JavaScript代碼塊 1.3 線上學習 第2章 JavaScript基本語法 視頻講解：102分鐘 示例：50個 2.1 基本詞法 2.1.1 字元編碼 2.1.2 區分大小寫 2.1.3 識別字 2.1.4 直接量 2.1.5 關鍵字和保留字 2.1.6 分隔符號 2.1.7 注釋 2.1.8 轉義序列 2.2 變數 2.2.1 聲明變數 2.2.2 賦值變數 2.2.3 變數作用域 2.2.4 變數類型 2.2.5 變數污染 2.3 資料類型 2.3.1 基本類型 2.3.2 數字 2.3.3 字串 2.3.4 布林型 2.3.5 Null 2.3.6 Undefined 2

.4 嚴格模式 2.4.1 啟用嚴格模式 2.4.2 嚴格模式的執行限制 2.5 類型檢測 2.5.1 使用constructor 2.5.2 使用toString 2.6 類型轉換 2.6.1 轉換為字串 2.6.2 轉換為數位模式字串 2.6.3 轉換為小數格式字串 2.6.4 轉換為數位 2.6.5 轉換為布林值 2.6.6 轉換為對象 2.6.7 轉換為簡單值 2.6.8 強制類型轉換 2.6.9 自動類型轉換 2.7 線上學習 第3章 運算子和運算式 視頻講解：106分鐘 示例：75個 3.1 運算子 3.1.1 運算元的個數 3.1.2 運算元的類型 3.1.3 運算子的優先順序

3.1.4 運算子的結合性 3.1.5 左值、賦值及其副作用 3.2 算數運算 3.2.1 加法運算 3.2.2 減法運算 3.2.3 乘法運算 3.2.4 除法運算 3.2.5 求餘運算 3.2.6 取反運算 3.2.7 遞增和遞減 3.3 邏輯運算 3.3.1 邏輯與運算 3.3.2 邏輯或運算 3.3.3 邏輯非運算 3.4 關係運算 3.4.1 大小比較 3.4.2 相等和全等 3.5 賦值運算 3.6 物件操作運算 3.6.1 歸屬檢測 3.6.2 刪除屬性 3.7 位運算 3.7.1 邏輯位元運算 3.7.2 移位運算 3.8 其他運算 3.8.1 條件運算子 3.8.2 逗號運

算子 3.8.3 void運算子 3.9 運算式 3.9.1 運算式的形式 3.9.2 運算式的類型 3.9.3 運算式的運算順序 3.9.4 運算式的優化 3.10 案例實戰 3.10.1 使用new 3.10.2 使用中括弧和點號 3.10.3 使用小括弧 3.10.4 連續運算 3.10.5 把命令轉換為運算式 3.11 線上學習 第4章 語句和程式結構 視頻講解：106分鐘 示例：52個 4.1 語句 4.1.1 語句分類 4.1.2 定義語句 4.1.3 單句 4.1.4 複句 4.1.5 空語句 4.1.6 運算式語句 4.1.7 聲明語句 4.1.8 調試語句 4.1.9 wi

th語句 4.2 分支結構 4.2.1 if語句 4.2.2 else語句 4.2.3 switch語句 4.2.4 default語句 4.3 迴圈結構 4.3.1 while語句 4.3.2 do/while語句 4.3.3 for語句 4.3.4 for/in語句 4.4 流程控制 4.4.1 label語句 4.4.2 break語句 4.4.3 continue語句 4.5 異常處理 4.5.1 try/catch/finally語句 4.5.2 throw語句 4.6 案例實戰 4.6.1 優化多分支結構：選擇if和 switch 4.6.2 優化多分支結構：優化思路 4.6.3

優化多分支結構：資料映射 4.6.4 優化多分支結構：調整分支 順序 4.6.5 優化迴圈結構：選擇while 和for 4.6.6 優化迴圈結構：優化代碼 4.6.7 設計楊輝三角 4.7 線上學習 第5章 操作字串 視頻講解：84分鐘 示例：60個 5.1 字串操作基礎 5.1.1 定義字串 5.1.2 字串的值和長度 5.1.3 字元串連接 5.1.4 字串查找 5.1.5 字串截取 5.1.6 字串替換 5.1.7 字串大小轉換 5.1.8 字串比較 5.1.9 字串與陣列轉換 5.1.10 字串格式化 5.1.11 清除兩側空字元 5.1.12 Unicode編碼和解碼 5.1.1

3 Base64編碼和解碼 5.2 案例實戰 5.2.1 字串智慧替換 5.2.2 檢測特殊字元 5.2.3 自訂編碼和解碼 5.2.4 字串加密和解密 5.3 線上學習 第6章 使用規則運算式 視頻講解：102分鐘 示例：39個 6.1 規則運算式對象 6.1.1 定義規則運算式 6.1.2 執行匹配 6.1.3 執行檢測 6.1.4 編譯規則運算式 6.1.5 規則運算式的屬性 6.1.6 RegExp靜態屬性 6.2 字元模式 6.2.1 描述字元 6.2.2 描述字元範圍 6.2.3 選擇匹配 6.2.4 重複匹配 6.2.5 惰性匹配 6.2.6 邊界量詞 6.2.7 聲明量詞 6

.2.8 子運算式 6.2.9 反向引用 6.2.10 禁止引用 6.3 案例實戰 6.3.1 設計階段匹配模式 6.3.2 設計日期匹配模式 6.3.3 設計貨幣數位匹配模式 6.3.4 表單驗證 6.4 線上學習 第7章 使用陣列 視頻講解：110分鐘 示例：67個 7.1 定義陣列 7.1.1 構造陣列 7.1.2 陣列直接量 7.1.3 多維陣列 7.1.4 空位陣列 7.1.5 關聯陣列 7.1.6 偽類陣列 7.2 訪問陣列 7.2.1 讀寫陣列 7.2.2 訪問多維陣列 7.2.3 陣列長度 7.2.4 使用for反覆運算 7.2.5 使用forEach反覆運算 7.2.6 使

用keys反覆運算 7.3 運算元組 7.3.1 棧操作 7.3.2 佇列操作 7.3.3 刪除元素 7.3.4 添加元素 7.3.5 截取陣列 7.3.6 陣列排序 7.3.7 陣列轉換 7.3.8 元素定位 7.3.9 檢測陣列 7.3.10 遍歷元素檢測 7.3.11 映射陣列 7.3.12 陣列過濾 7.3.13 陣列匯總 7.4 案例實戰 7.4.1 自動初始化陣列 7.4.2 擴展陣列原型方法 7.4.3 設計反覆運算器 7.5 線上學習 第8章 使用函數 視頻講解：150分鐘 示例：66個 8.1 定義函數 8.1.1 聲明函數 8.1.2 構造函數 8.1.3 函數直接量 8

.1.4 定義嵌套函數 8.2 調用函數 8.2.1 函式呼叫 8.2.2 函數的返回值 8.2.3 方法調用 8.2.4 使用call和apply調用 8.2.5 使用new調用 8.3 函數參數 8.3.1 形參和實參 8.3.2 獲取參數個數 8.3.3 使用arguments物件 8.3.4 使用callee 8.3.5 應用arguments物件 8.4 函數作用域 8.4.1 詞法作用域 8.4.2 執行上下文和活動物件 8.4.3 作用域鏈 8.4.4 this和調用物件 8.4.5 比較3種函數的作用域 8.4.6 函數的識別字 8.5 閉包 8.5.1 定義閉包 8.5.2

使用閉包 8.5.3 閉包的局限性 8.6 函數式運算 8.6.1 函數合成 8.6.2 函數柯裡化 8.7 高階函數 8.7.1 回呼函數 8.7.2 單例模式 8.7.3 實現AOP 8.7.4 函數節流 8.7.5 分時函數 8.7.6 惰性載入函數 8.7.7 分支函數 8.7.8 徧函數 8.7.9 泛型函數 8.7.10 類型檢測 8.8 遞迴函數 8.8.1 遞迴運算 8.8.2 尾遞迴 8.8.3 遞迴與反覆運算 8.9 線上學習 第9章 使用物件 視頻講解：84分鐘 示例：59個 9.1 定義物件 9.1.1 構造物件 9.1.2 物件直接量 9.1.3 使用Object.

create 9.2 操作物件 9.2.1 引用對象 9.2.2 複製對象 9.2.3 克隆對象 9.2.4 銷毀對象 9.3 操作屬性 9.3.1 定義屬性 9.3.2 讀寫屬性 9.3.3 刪除屬性 9.3.4 使用方法 9.3.5 物件與陣列 9.4 屬性描述物件 9.4.1 屬性描述物件的結構 9.4.2 訪問器 9.4.3 操作屬性描述物件 9.4.4 控制物件狀態 9.5 Object原型方法 9.5.1 使用toString() 9.5.2 使用valueOf() 9.5.3 檢測私有屬性 9.5.4 檢測枚舉屬性 9.5.5 檢測原型物件 9.6 Object靜態函數 9.6.

1 物件包裝函數 9.6.2 物件構造函數 9.6.3 靜態函數 9.7 案例實戰 9.7.1 生成指定範圍的亂數和 字串 9.7.2 數字取整 9.7.3 設計階段顯示牌 9.7.4 設計倒計時 9.8 線上學習 第10章 構造函數、原型和繼承 視頻講解：160分鐘 示例：57個 10.1 構造函數 10.1.1 定義構造函數 10.1.2 調用構造函數 10.1.3 構造函數的返回值 10.1.4 引用構造函數 10.2 this指針 10.2.1 使用this 10.2.2 this安全性原則 10.2.3 綁定函數 10.2.4 使用bind 10.2.5 鏈式語法 10.3 原型

10.3.1 定義原型 10.3.2 訪問原型 10.3.3 設置原型 10.3.4 檢測原型 10.3.5 原型屬性和私有屬性 10.3.6 應用原型 10.3.7 原型鏈 10.3.8 原型繼承 10.3.9 擴展原型方法 10.4 類型 10.4.1 構造原型 10.4.2 動態原型 10.4.3 工廠模式 10.4.4 類繼承 10.5 模組化 10.6 案例實戰 10.6.1 定義類型 10.6.2 返回jQuery對象 10.6.3 設計作用域 10.6.4 跨域訪問 10.6.5 設計選擇器 10.6.6 設計反覆運算器 10.6.7 設計擴展 10.6.8 傳遞參數 10.6.

9 設計獨立空間 10.7 線上學習 第11章 BOM操作 視頻講解：104分鐘 示例：35個 11.1 window對象 11.1.1 全域作用域 11.1.2 訪問用戶端對象 11.1.3 使用系統對話方塊 11.1.4 打開和關閉視窗 11.1.5 使用計時器 11.1.6 使用框架組 11.1.7 控制視窗大小和位置 11.2 navigator對象 11.2.1 流覽器檢測方法 11.2.2 檢測流覽器類型和版本號 11.2.3 檢測作業系統 11.3 location對象 11.4 history對象 11.4.1 操作歷史記錄 11.4.2 案例：設計無刷新導航 11.5 sc

reen對象 11.6 document對象 11.6.1 訪問文檔對象 11.6.2 動態生成文檔內容 11.7 案例實戰 11.7.1 使用框架設計遠端腳本 11.7.2 使用框架設計遠端交互 11.7.3 使用浮動框架設計非同步通信 11.7.4 設計無刷新圖片預覽 11.7.5 設計可回退的畫板 11.8 線上學習 第12章 DOM操作 視頻講解：115分鐘 示例：54個 12.1 DOM基礎 12.2 節點概述 12.2.1 節點類型 12.2.2 節點名稱和值 12.2.3 節點關係 12.2.4 訪問節點 12.2.5 操作節點 12.3 文檔節點 12.3.1 訪問文檔 12

.3.2 訪問子節點 12.3.3 訪問特殊元素 12.3.4 訪問元素集合 12.3.5 訪問文檔資訊 12.3.6 訪問文檔元素 12.4 元素節點 12.4.1 訪問元素 12.4.2 遍歷元素 12.4.3 創建元素 12.4.4 複製節點 12.4.5 插入節點 12.4.6 刪除節點 12.4.7 替換節點 12.5 文本節點 12.5.1 創建文本節點 12.5.2 訪問文本節點 12.5.3 讀取HTML字串 12.5.4 插入HTML字串 12.5.5 替換HTML字串 12.5.6 讀寫文本 12.6 屬性節點 12.6.1 創建屬性節點 12.6.2 讀取屬性值 12.6

.3 設置屬性值 12.6.4 刪除屬性 12.6.5 使用類別選取器 12.6.6 自訂屬性 12.7 文檔片段節點 12.8 CSS選擇器 12.9 案例實戰 12.9.1 使用script載入遠端資料 12.9.2 使用JSONP 12.10 線上學習 第13章 事件處理 視頻講解：102分鐘 示例：58個 13.1 事件基礎 13.1.1 事件模型 13.1.2 事件流 13.1.3 綁定事件 13.1.4 事件處理函數 13.1.5 註冊事件 13.1.6 銷毀事件 13.1.7 使用event物件 13.1.8 事件委託 13.2 使用滑鼠事件 13.2.1 滑鼠點擊 13.2.

2 滑鼠移動 13.2.3 滑鼠經過 13.2.4 滑鼠來源 13.2.5 滑鼠定位 13.2.6 滑鼠按鍵 13.3 使用鍵盤事件 13.3.1 鍵盤事件屬性 13.3.2 鍵盤回應順序 13.4 使用頁面事件 13.4.1 頁面初始化 13.4.2 結構初始化 13.4.3 頁面卸載 13.4.4 窗口重置 13.4.5 頁面滾動 13.4.6 錯誤處理 13.5 使用UI事件 13.5.1 焦點處理 13.5.2 選擇文本 13.5.3 欄位值變化監測 13.5.4 提交表單 13.5.5 重置表單 13.5.6 剪貼板數據 13.6 案例實戰 13.6.1 自訂事件 13.6.2 模擬

事件 13.7 線上學習 第14章 腳本化CSS 視頻講解：92分鐘 示例：26個 14.1 CSS腳本化基礎 14.1.1 讀寫行內樣式 14.1.2 使用style物件 14.1.3 使用styleSheets物件 14.1.4 使用selectorText物件 14.1.5 編輯樣式 14.1.6 添加樣式 14.1.7 讀取顯示樣式 14.1.8 讀取媒體查詢 14.1.9 使用CSS事件 14.2 設計大小 14.2.1 使用offsetWidth和 offsetHeight 14.2.2 使用scrollLeft和scrollTop 14.2.3 獲取元素大小 14.2.4 獲取

窗口大小 14.3 設計位置 14.3.1 使用offsetLeft和offsetTop 14.3.2 使用offsetParent 14.3.3 獲取指標的頁面位置 14.3.4 獲取指針的相對位置 14.3.5 獲取捲軸的位置 14.3.6 設置捲軸位置 14.4 設計顯隱 14.4.1 顯示和隱藏 14.4.2 半透明顯示 14.5 設計動畫 14.5.1 移動動畫 14.5.2 漸隱漸顯 14.6 案例實戰 14.6.1 設計緩動動畫 14.6.2 設計工具提示 14.7 線上學習 第15章 腳本化HTTP 視頻講解：64分鐘 示例：24個 15.1 XMLHttpRequest基礎

15.1.1 創建XMLHttpRequest對象 15.1.2 建立連接 15.1.3 發送GET請求 15.1.4 發送POST請求 15.1.5 串列格式化資料 15.1.6 非同步回應狀態 15.1.7 中止請求 15.1.8 獲取XML資料 15.1.9 獲取HTML字串 15.1.10 獲取JavaScript腳本 15.1.11 獲取JSON資料 15.1.12 獲取純文字 15.1.13 獲取和設置頭部消息 15.1.14 認識XMLHttpRequest 2.0 15.1.15 請求時限 15.1.16 FormData資料物件 15.1.17 上傳文件 15.1.18 跨

域訪問 15.1.19 回應不同類型資料 15.1.20 接收二進位資料 15.1.21 監測資料傳輸進度 15.2 案例實戰 15.2.1 接收ArrayBuffer對象 15.2.2 接收Blob對象 15.2.3 接收字串 15.2.4 發送表單數據 15.2.5 發送二進位檔案 15.2.6 發送Blob對象 15.2.7 跨域請求 15.2.8 設計檔上傳和顯示進度條 15.2.9 使用燈標 15.3 線上學習 第16章 JavaScript檔操作 視頻講解：84分鐘 示例：31個 16.1 訪問檔域 16.2 使用Blob物件 16.2.1 訪問Blob 16.2.2 創建Blo

b 16.2.3 截取Blob 16.2.4 保存Blob 16.3 使用FileReader物件 16.3.1 讀取文件 16.3.2 事件監測 16.4 使用緩存物件 16.4.1 使用ArrayBuffer 16.4.2 使用ArrayBufferView 16.4.3 使用DataView 16.5 使用FileSystem API 16.5.1 認識FileSystem API 16.5.2 訪問FileSystem 16.5.3 申請配額 16.5.4 創建文件 16.5.5 寫入資料 16.5.6 添加數據 16.5.7 讀取數據 16.5.8 複製檔 16.5.9 刪除檔 16

.5.10 創建目錄 16.5.11 讀取目錄 16.5.12 刪除目錄 16.5.13 複製目錄 16.5.14 重命名目錄 16.5.15 使用filesystem:URL 16.6 案例：設計檔案管理員 16.7 線上學習 第17章 JavaScript繪圖 視頻講解：128分鐘 示例：52個 17.1 使用canvas 17.2 繪製圖形 17.2.1 矩形 17.2.2 路徑 17.2.3 直線 17.2.4 圓弧 17.2.5 二次方曲線 17.2.6 三次方曲線 17.3 定義樣式和顏色 17.3.1 顏色 17.3.2 不透明度 17.3.3 實線 17.3.4 虛線 17.

3.5 線性漸變 17.3.6 徑向漸變 17.3.7 圖案 17.3.8 陰影 17.3.9 填充規則 17.4 圖形變形 17.4.1 保存和恢復狀態 17.4.2 清除畫布 17.4.3 移動座標 17.4.4 旋轉座標 17.4.5 縮放圖形 17.4.6 變換圖形 17.5 圖形合成 17.5.1 合成 17.5.2 裁切 17.6 繪製文本 17.6.1 填充文字 17.6.2 輪廓文字 17.6.3 文本樣式 17.6.4 測量寬度 17.7 使用圖像 17.7.1 導入圖像 17.7.2 縮放圖像 17.7.3 裁切圖像 17.7.4 平鋪圖像 17.8 圖元操作 17.8.1

認識ImageData物件 17.8.2 創建圖像資料 17.8.3 將圖像資料寫入畫布 17.8.4 在畫布中複製圖像資料 17.8.5 保存圖片 17.9 案例實戰 17.9.1 設計基本動畫 17.9.2 顏色選擇器 17.9.3 給圖像去色 17.9.4 縮放圖像和反鋸齒處理 17.9.5 設計運動動畫 17.9.6 設計地球和月球公轉動畫 17.10 線上學習 第18章 本地資料存儲 視頻講解：80分鐘 示例：17個 18.1 HTTP Cookie 18.1.1 寫入cookie 18.1.2 讀取cookie 18.1.3 修改和刪除cookie 18.1.4 附加cooki

e 18.1.5 Http-Only Cookie 18.1.6 案例：打字遊戲 18.2 Web Storage 18.2.1 使用Web Storage 18.2.2 案例：訪問統計 18.3 Web SQL Database 18.3.1 使用Web SQL Database 18.3.2 案例：設計用戶登錄 18.4 IndexedDB 18.4.1 使用IndexedDB 18.4.2 案例：設計便簽 18.5 線上學習 第19章 多執行緒處理 視頻講解：23分鐘 示例：9個 19.1 Web Workers基礎 19.1.1 認識Web Workers 19.1.2 使用Web

Workers 19.1.3 案例：設計多執行緒運算 19.2 案例實戰 19.2.1 併發運算 19.2.2 後臺過濾 19.2.3 設計多執行緒處理 19.2.4 併發通信 19.2.5 計算斐波那契數列 19.3 線上學習 第20章 離線應用 視頻講解：19分鐘 示例：9個 20.1 HTML5離線應用基礎 20.1.1 認識HTML5離線應用 20.1.2 使用manifest檔 20.1.3 使用離線緩存 20.1.4 監聽線上狀態 20.2 案例實戰 20.2.1 緩存網站 20.2.2 離線編輯內容 20.3 線上學習 第21章 JavaScript通信 視頻講解：13分鐘

示例：5個 21.1 postMessage 21.1.1 postMessage基礎 21.1.2 案例：設計跨域動態對話 21.2 WebSocket 21.2.1 WebSocket基礎 21.2.2 案例：設計WebSocket通信 21.2.3 案例：向會員推送資訊 21.3 線上學習 第22章 拖放操作 視頻講解：10分鐘 示例：3個 22.1 拖放API基礎 22.2 案例實戰 22.2.1 刪除項目 22.2.2 拖選對象 22.3 線上學習 第23章 移動定位 視頻講解：12分鐘 示例：5個 23.1 Geolocation API基礎 23.2 案例實戰 23.2.1

手機定位位置 23.2.2 獲取經緯度及其詳細地址 23.2.3 輸入提示查詢位置 23.2.4 從當前位置查詢指定位置 路線 23.2.5 記錄行蹤路線 23.3 線上學習 第24章 幀動畫和DOM觀察器 視頻講解：8分鐘 示例：5個 24.1 requestAnimationFrame 24.1.1 認識requestAnimationFrame 24.1.2 案例：設計進度條 24.1.3 案例：設計旋轉的小球 24.2 Mutation Observer 24.2.1 認識Mutation Observer 24.2.2 案例：觀察DOM元素 24.2.3 案例：觀察DOM屬性 24

.3 線上學習 第25章 全屏和隱藏顯示處理 視頻講解：5分鐘 示例：11個 25.1 頁面可見處理 25.1.1 Page Visibility基礎 25.1.2 案例：視頻暫停與自動播放 25.2 全屏顯示處理 25.2.1 Fullscreen API基礎 25.2.2 案例：全屏視頻播放 25.3 線上學習 附：綜合案例（電子版，手機掃碼閱讀） 示例：6個  

自動化測試 Hover 和 Drop-down List元件之技術

為了解決css滑鼠點擊的問題，作者郭鈞哲 這樣論述：

現在的科技非常發達，電子產品已融入於我們的生活之中，網頁和程式達成了使用者的目的和方便，也可以提供很多圖像介面把數據展示給大家觀看，然而在網頁中如果要做一些手動的測試會非常的麻煩且耗時，另外也無法保證測試的品質。因此需要設計一些自動化的套件和方法來為網頁做一般化的驗證，如 Selenium 提供模擬使用者的角度對網頁上的元件做測試。在網頁測試的流程中，有一種元件會受被滑鼠移過去的事件而影響，我們將之定義為 Hover 元素。我們也在乎會受到滑鼠點擊而產生下拉式選單的元件，我們稱之為 Drop-down list 元素。這篇論文記載關於這類元件的一般化測試，提出了兩種測試的流程。一種是把依據

DOM 的結構來抓，另外一種是透過影像分析的方式來解決。