具體描述
內容簡介
《jQuery UI開發指南》是jQuery UI的快速開發指南,全麵介紹jQuery UI如何改進HTML頁麵展示,內容包括jQuery UI 1.8版本的下列擴展特性:選項卡管理、摺疊菜單、對話框、按鈕、進度條、滑塊、日曆、自動補全、拖放管理、選擇元素、縮放、元素調序以及新的視覺特效等。
《jQuery UI開發指南》共14章,講述瞭jQuery UI的所有功能。作者用精簡的代碼展示瞭jQuery UI組件的使用方法,挑選齣最為重要的配置選項和組件事件進行詳細解釋說明。精選的示例循序漸進、由易到難,從假設問題到解決問題,顯示瞭作者挖掘jQuery UI功能的思考過程。
《jQuery UI開發指南》適閤Web開發人員及設計人員閱讀。無論是jQuery UI的初學者還是有一定經驗的開發人員,本書都是極好的技術參考書。
內頁插圖
目錄
第1章 jQuery UI介紹
1.1 jQuery UI的安裝
1.2 jQuery UI概覽
1.3 什麼是CSS主題
1.4 在HTML頁麵中應該引入哪些文件
1.4.1 未壓縮文件
1.4.2 壓縮文件
1.5 更換CSS主題
1.6 準備開始
第2章 選項卡
2.1 選項卡的基本用法
2.2 格式化內容
2.3 tabs方法
2.3.1 tabs(options)方法
2.3.2 tabs(“action”, params)方法
2.4 bind方法
2.5 使用選項卡的示例
2.5.1 動態創建選項卡
2.5.2 使用Ajax修改選項卡的內容
2.5.3 通過Ajax把信息傳輸給服務器
2.5.4 使用選項卡的add方法
2.5.5 使用tabsadd事件
第3章 摺疊菜單
3.1 摺疊菜單的基本用法
3.2 格式化內容
3.3 accordion方法
3.3.1 accordion(options)方法
3.3.2 accordion(“action”, params)方法
3.4 在摺疊菜單上使用bind管理事件
3.5 使用摺疊菜單的示例
3.5.1 打開任意菜單
3.5.2 用Ajax加載菜單內容:使用options
3.5.3 用Ajax加載菜單的內容:使用accordionchange
第4章 對話框
4.1 對話框的基本用法
4.2 格式化內容
4.3 dialog方法
4.3.1 dialog(options)方法
4.3.2 dialog(“action”, params)方法
4.4 在對話框中使用bind處理事件
4.5 使用對話框的示例
4.5.1 打開和關閉對話框
4.5.2 在打開或者關閉對話框時應用特效
4.5.3 在關閉對話框時進行驗證
4.5.4 隱藏關閉按鈕
4.5.5 在對話框中插入按鈕
4.5.6 使用Ajax插入內容
4.5.7 使用特效來更改對話框的行為
第5章 按鈕
5.1 按鈕的基本用法
5.2 格式化內容
5.3 button方法
5.3.1 button(options)方法
5.3.2 button(“action”, params)方法
5.4 在按鈕上使用bind處理事件
5.5 單選按鈕
5.5.1 顯示單選按鈕
5.5.2 使用buttonset方法改進顯示
5.6 復選框
5.6.1 顯示復選框
5.6.2 使用buttonset方法改進顯示
5.7 使用按鈕的示例
5.7.1 在按鈕上顯示圖標
5.7.2 創建計算器
第6章 進度條
6.1 進度條的基本用法
6.2 格式化內容
6.3 progressbar方法
6.3.1 progressbar(options)方法
6.3.2 progressbar(“action”, params)方法
6.4 在進度條上使用bind處理事件
6.5 使用進度條的示例
6.5.1 逐漸填充進度條
6.5.2 在完成過程中的不同階段進行處理
第7章 滑塊
7.1 滑塊的基本用法
7.2 格式化內容
7.3 slider方法
7.3.1 slider(options)方法
7.3.2 slider(“action”, params)方法
7.4 在滑塊上使用bind管理事件
7.5 使用滑塊的示例
7.5.1 顯示單個遊標的值
7.5.2 顯示兩個遊標的值
7.5.3 使用滑塊來調整圖片的透明度
第8章 日曆
8.1 日曆的基本用法
8.2 格式化內容
8.3 datepicker方法
8.3.1 datepicker(options)方法
8.3.2 datepicker(“action”, params)方法
8.4 使用日曆的示例
8.4.1 用其他語言顯示日曆
8.4.2 在日曆中顯示多個月份
8.4.3 顯示靜態日曆
8.4.4 指定最小及最大日期
8.4.5 禁止選擇特定的日期
8.4.6 預先選擇任意日期
8.4.7 在選擇日期時執行Ajax請求
第9章 自動補全
9.1 自動補全的基本用法
9.2 格式化內容
9.3 autocomplete方法
9.3.1 autocomplete(options)方法
9.3.2 autocomplete(“action”, params)方法
9.4 在建議列錶上使用bind管理事件
9.5 使用自動補全機製的示例
9.5.1 指定建議列錶的寬度
9.5.2 打開HTML頁麵時即顯示建議列錶
9.5.3 在輸入框獲得焦點時顯示建議列錶
9.5.4 為建議列錶的顯示營造特效
9.5.5 動態創建建議列錶
9.5.6 基於用戶輸入的數據動態創建建議列錶
9.5.7 在建議列錶中插入圖片
第10章 拖放
10.1 draggable方法
10.1.1 draggable(options)方法
10.1.2 draggable(“action”, params)方法
10.2 在移動元素上使用bind管理事件
10.3 使用拖動功能的示例
10.3.1 在移動過程中執行額外處理
10.3.2 給移動施加一些限製
10.4 droppable方法
10.4.1 droppable(options)方法
10.4.2 droppable(“action”, params)方法
10.5 在保管元素上使用bind管理事件
10.6 使用放置功能的示例:購物車
10.6.1 使用拖放功能來創建一輛購物車
10.6.2 給購物車的放置過程添加視覺特效
10.6.3 從購物車中移除圖書
第11章 選擇元素
11.1 選擇元素的基本用法
11.2 格式化內容
11.3 selectable方法
11.3.1 selectable(options)方法
11.3.2 selectable(“action”, params)方法
11.4 在選區中使用bind管理事件
11.5 使用選擇機製的示例
11.5.1 顯示選擇序列中的事件發生順序
11.5.2 禁止選擇某特定元素
11.5.3 禁止通過點擊來選擇元素
11.5.4 管理購物車
第12章 頁麵內的元素調序
12.1 元素調序的基本用法
12.2 格式化內容
12.3 sortable方法
12.3.1 sortable(options)方法
12.3.2 sortable(“action”, params)方法
12.4 使用bind管理元素調換事件
12.5 使用元素調序機製的示例
12.5.1 顯示事件齣現的順序
12.5.2 在列錶中放置任何元素
第13章 縮放
13.1 縮放的基本用法
13.2 格式化內容
13.2 resizable方法
13.2.1 resizable(options)方法
13.3.2 resizable(“action”, params)方法
13.4 在縮放元素上使用bind處理事件
13.5 使用縮放機製的示例
13.5.1 縮放時顯示元素的尺寸
13.5.2 縮放時顯示元素的位置
13.5.3 在縮放過程中執行動畫
13.5.4 創建一個可縮放的文本框
第14章 jQuery UI中的視覺特效
14.1 新的視覺特效
14.1.1 effect(effectName, options, duration, callback)方法
14.1.2 blind特效
14.1.3 bounce特效
14.1.4 shake特效
14.1.5 clip特效
14.1.6 drop特效
14.1.7 explode特效
14.1.8 fold特效
14.1.9 highlight特效
14.1.10 puff特效
14.1.11 pulsate特效
14.1.12 scale特效
14.1.13 size特效
14.1.14 slide特效
14.2 show、hide以及toggle方法
14.3 jQuery UI提供的增強的animate方法
14.3.1 管理顔色的CSS屬性
14.3.2 新的easing選項值
14.4 使用CSS類生成特效
14.4.1 addClass、removeClass以及toggleClass的增強型方法
14.4.2 switchClass方法
14.4.3 使用toggleClass方法的示例
……
前言/序言
《精通JavaScript:從入門到精通的實戰秘籍》 一、 作者簡介 本書作者,化名“代碼禪師”,是一位在Web開發領域深耕多年的資深工程師。他擁有紮實的理論基礎和豐富的實戰經驗,曾主導或參與過多個大型、復雜的Web項目,對JavaScript語言的特性、發展趨勢以及前端開發生態有著深刻的理解。在教學方麵,他樂於分享,善於將復雜的技術概念化繁為簡,通過生動形象的例子和循序漸進的講解,幫助不同程度的學習者掌握JavaScript的精髓。他堅信,真正的技術掌握源於實踐,因此本書將大量篇幅用於案例分析和實戰演練。 二、 內容概述 《精通JavaScript:從入門到精通的實戰秘籍》是一本旨在幫助讀者係統、深入地學習JavaScript語言的權威指南。本書突破瞭市麵上許多同類書籍的局限,不再僅僅停留在語法介紹和基礎API的使用,而是從JavaScript的本質齣發,逐步引導讀者構建起完整的知識體係,並最終達到能夠獨立解決復雜前端問題的能力。 本書內容涵蓋瞭JavaScript從基礎到高級的各個方麵,並著重於講解其核心概念、工作原理以及在實際項目中的應用。它適閤以下幾類讀者: 初學者: 想要係統學習JavaScript,打下堅實基礎,避免走彎路。 有一定經驗的開發者: 希望深入理解JavaScript的內部機製,提升代碼質量和解決問題的能力。 前端工程師: 需要掌握JavaScript的最新特性和最佳實踐,以應對日益復雜的Web應用開發需求。 對JavaScript感興趣的任何技術人員: 希望拓寬技術視野,瞭解這門塑造現代互聯網的關鍵語言。 本書的獨特之處在於其“實戰”導嚮。每一章節的理論講解都緊密結閤實際應用場景,並通過大量的代碼示例、調試技巧和項目練習來鞏固學習效果。作者將自己多年的開發經驗濃縮其中,分享瞭許多鮮為人知的技巧和優化方法,幫助讀者寫齣更健壯、更高效、更易於維護的代碼。 三、 章節詳解 第一部分:JavaScript核心概念與基礎 第一章:JavaScript語言的起源與演進 JavaScript的誕生背景與曆史地位。 ECMAScript標準的發展曆程:ES3, ES5, ES6(ES2015)及其後續版本。 JavaScript在現代Web開發中的角色:從腳本語言到全棧語言。 現代JavaScript開發環境搭建:Node.js, npm/yarn, Babel, Webpack等。 第二章:變量、數據類型與操作符 數據類型:基本類型(String, Number, Boolean, Null, Undefined, Symbol, BigInt)與引用類型(Object, Array, Function)。 變量聲明:`var`, `let`, `const`的區彆與選擇。 類型轉換:顯式與隱式轉換,常見陷阱與處理。 操作符:算術、比較、邏輯、賦值、位、三元操作符,以及它們在實際代碼中的應用。 第三章:控製流與函數 條件語句:`if...else`, `switch`。 循環語句:`for`, `while`, `do...while`, `for...in`, `for...of`。 函數聲明與錶達式,箭頭函數。 函數參數:默認參數、剩餘參數、展開語法。 作用域與閉包:理解詞法作用域、函數作用域、塊級作用域,深入剖析閉包的原理與應用場景(如數據封裝、記憶化)。 第四章:對象與數組 對象的創建與訪問:字麵量、構造函數、`Object.create()`. 屬性與方法:遍曆、添加、刪除、修改。 `this`關鍵字的指嚮:不同場景下的`this`解析,`bind`, `call`, `apply`的使用。 數組的創建與操作:常用方法(`push`, `pop`, `shift`, `unshift`, `splice`, `slice`, `concat`, `join`, `reverse`等)。 高階數組方法:`forEach`, `map`, `filter`, `reduce`, `some`, `every`, `find`, `findIndex`的原理與實際應用。 第五章:麵嚮對象編程(OOP) in JavaScript 原型與原型鏈:理解JavaScript的繼承機製,`__proto__`, `prototype`, `instanceof`。 構造函數與原型鏈繼承。 ES6 Classes:語法糖的背後,理解class的實現原理。 繼承的模式:原型鏈繼承、組閤繼承、寄生組閤繼承、ES6 Class繼承。 封裝、繼承、多態在JavaScript中的體現。 第二部分:JavaScript進階與高級特性 第六章:異步編程:迴調、Promise與Async/Await 同步與異步的區彆。 事件循環(Event Loop):理解JavaScript單綫程模型下的異步執行機製。 迴調函數:迴調地獄的形成與解決思路。 Promise:狀態(pending, fulfilled, rejected),鏈式調用,`Promise.all`, `Promise.race`等。 Async/Await:語法糖的便利性,如何優雅地處理異步操作。 Generator函數:異步編程的另一種解決方案。 第七章:錯誤處理與調試技巧 `try...catch...finally`語句。 Error對象:自定義錯誤類型。 瀏覽器開發者工具:Console, Sources, Network, Performance麵闆的深度運用。 代碼調試策略:斷點設置、單步執行、條件斷點、console.log的藝術。 Linting與靜態分析:ESLint, Prettier的應用,提升代碼質量。 第八章:模塊化開發 為什麼需要模塊化?解決命名衝突、提高代碼復用性、便於維護。 CommonJS模塊規範:`require`, `module.exports`。 ES Modules(ESM):`import`, `export`。 Webpack、Rollup等打包工具在模塊化開發中的作用。 第九章:DOM操作與事件處理 DOM樹的結構與操作:獲取元素、創建、插入、刪除、修改。 事件模型:事件捕獲與事件冒泡。 事件委托:提升性能的策略。 事件監聽器:`addEventListener`, `removeEventListener`。 自定義事件。 第十章:瀏覽器API與Web APIs `window`對象與全局對象。 `navigator`對象:獲取瀏覽器信息。 `location`對象:控製頁麵導航。 `history`對象:管理瀏覽器的曆史記錄。 `localStorage`與`sessionStorage`:客戶端數據存儲。 `setTimeout`, `setInterval`與`requestAnimationFrame`。 Fetch API:現代化的網絡請求。 第十一章:性能優化與最佳實踐 JavaScript性能瓶頸分析。 代碼優化:減少DOM操作、閤理使用循環、避免內存泄漏。 加載優化:異步加載、代碼分割、懶加載。 渲染優化:節流(Throttle)與防抖(Debounce)。 緩存策略。 健壯性代碼編寫:防禦性編程。 第三部分:JavaScript在項目中的實戰應用 第十二章:Ajax與數據交互 XMLHttpRequest對象的使用。 Fetch API與Promise結閤。 JSONP原理與實現。 RESTful API的設計理念與JavaScript實現。 網絡請求的錯誤處理與超時設置。 第十三章:構建一個簡單的單頁應用(SPA) SPA的概念與優勢。 使用JavaScript原生實現路由管理(Hash模式與History模式)。 組件化思想的初步實踐。 數據管理與狀態更新。 第十四章:JavaScript性能剖析與優化實戰 使用Chrome DevTools進行性能分析(Timeline, Performance)。 內存泄漏的識彆與定位。 常見的性能優化模式分析(例如,虛擬滾動、圖片懶加載的實現)。 打包工具優化(Tree Shaking, Code Splitting)。 第十五章:安全編程實踐 跨站腳本攻擊(XSS)的原理與防禦。 跨站請求僞造(CSRF)的原理與防禦。 輸入驗證與數據過濾。 安全使用`eval()`。 第十六章:現代JavaScript開發生態與未來展望 TypeScript:靜態類型在JavaScript開發中的重要性。 主流前端框架(React, Vue, Angular)的演進與選型。 Node.js及其在後端開發中的應用。 WebAssembly:JavaScript的未來。 持續學習與社區貢獻。 四、 特色與亮點 1. 體係化與深入性: 本書並非簡單的語法堆砌,而是從JavaScript語言的底層機製齣發,構建完整的知識體係,幫助讀者知其然,更知其所以然。 2. “實戰”貫穿始終: 理論知識與實際項目緊密結閤,每個概念的講解都伴隨著貼近實際開發場景的代碼示例和項目練習。 3. “代碼禪師”的經驗之談: 作者分享瞭其多年的開發心得、踩過的坑以及行之有效的解決方案,讓讀者少走彎路。 4. 麵嚮未來的技術: 涵蓋瞭ES6+的最新特性,並對TypeScript、WebAssembly等未來趨勢進行瞭前瞻性介紹。 5. 強調編程思想: 除瞭技術細節,本書也注重培養讀者的編程思維、解決問題的能力以及代碼設計能力。 6. 易於理解的講解風格: 作者擅長化繁為簡,用通俗易懂的語言解釋復雜的技術概念,配備清晰的圖示和流程圖。 7. 豐富的附錄與資源: 提供常用API速查錶、疑難解答、學習資源推薦等,方便讀者查閱與進一步學習。 五、 學習效果 通過係統學習本書,讀者將能夠: 紮實掌握JavaScript核心概念: 深入理解變量、數據類型、作用域、閉包、原型鏈、異步等關鍵知識點。 熟練運用ES6+新特性: 編寫更簡潔、更現代的JavaScript代碼。 高效解決實際開發問題: 能夠獨立完成復雜的DOM操作、異步請求、數據處理等任務。 編寫高質量、可維護的代碼: 掌握性能優化、安全編碼、模塊化開發等最佳實踐。 具備獨立構建Web應用的能力: 為學習前端框架或進行全棧開發打下堅實基礎。 形成良好的編程思維: 提升分析問題、解決問題的能力。 《精通JavaScript:從入門到精通的實戰秘籍》不僅是一本書,更是一位值得信賴的技術嚮導,將陪伴您在JavaScript的海洋中,乘風破浪,最終抵達精通的彼岸。