Polymer：麵嚮未來的Web組件開發 pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

[美] Jarrod Overson，[美] Jason Strimpel 著，謝光磊 譯

圖書標籤:

• Web組件
• Polymer
• 前端開發
• JavaScript
• HTML
• CSS
• Web技術
• 現代前端
• 組件化開發
• 漸進式增強

齣版社： 電子工業齣版社

ISBN：9787121271724

版次：1

商品編碼：11790523

品牌：Broadview

包裝：平裝

開本：16開

齣版時間：2015-10-01

用紙：膠版紙

頁數：256

正文語種：中文

編輯推薦

　　Web組件仍然在技術的邊緣——僅有先進的瀏覽器纔支持這項技術——Web組件的發展和變化也極為迅速。這本實踐參考書籍幫助你理解 W3C這項新興標準，教會你如何構建可重用的、自定義的HTML5 Web組件。
　　無論以往使用的是jQuery還是Polymer，又或是其他的庫，這本書都可以教會JavaScript開發者，這些庫背後對DOM的操作。你將學會，如何編寫齣一個基本的代碼優雅的控件，然後將其轉化為語義化、聲明式、完全封裝、開箱即用、可維護的Web組件，而Web必將受益於Web組件的特性，最終成為一個原生的應用平颱。這本書將傳授以下內容：
　　■ 理解核心概念（諸如文檔流、定位、z-index 等等），以及實現定位、拖拽、移動大小
　　■ 探索UI的概念，以及Dojo、jQuery UI、Kendo UI和一些其他庫中抽象齣的典型模式
　　■ 深入理解W3C標準，將自己的控件轉化為一個功能齊備的Web組件
　　■ 學習如何利用Google的Polymer框架封裝、打包、部署你的Web組件

內容簡介

　　《Polymer：麵嚮未來的Web組件開發》包含瞭構建常用JavaScript組件的基礎知識，並通過實例帶領你學習組件的概念化、設計和實施，後半部分則涵蓋瞭封裝、打包和部署的相關知識。無論你是缺乏組件使用經驗的JavaScript開發人員，還是具有組件庫的豐富使用經驗、想創建齣定製組件的前端開發人員，《Polymer：麵嚮未來的Web組件開發》都適閤你閱讀。

作者簡介

　　Jarrod Overson，在Web開發領域有15年以上的經驗，曾在創業公司工作，也曾經供職於全球性的大公司。目前他在Shape Security工作。Jarrod 是開源社區和JavaScript語言工具的活躍貢獻者和布道師，他創建瞭Plato和許多其他的工具和庫。

　　Jason Strimpel，是一名具有15年以上經驗的軟件工程師。目前，他供職於WalmartLabs，主要工作是編寫軟件，以支持 UI 應用的開發。Jason同樣也活躍於開源社區，他維護著諸如 LazoJS 等框架。

精彩書評

　　“Jarrod和Jason的這本書，使Web組件技術對大量開發者而言，變得觸手可得。自定義元素和Shadow DOM的相關章節幫助我們加深瞭對新Web平颱特性（構建、封裝）的理解，能幫助你編寫齣更健壯的組件和應用。”
　　—— Addy Osmani
　　專精於Chrome與Polymer的Google工程師

　　“Jarrod和Jason的這本書讓我感到很興奮，它幫助新的開發者開啓組件化Web的旅程。”
　　—— Rob Dodson
　　Google軟件開發布道師

目錄

前言i
第 1 章 概述
什麼是 Web 組件
HTML 模闆
HTML 引用
自定義元素
Shadow DOM
為什麼使用 Web 組件
I UI 核心概念
第 2 章 基礎知識
DOM 抽象層的重要性
控件的 API 和生命周期
繼承模式
依賴
優化
Web 組件不僅僅是 JavaScript
示例控件
Voltron 控件基類
對話框類
對話框的 CSS 和 HTML
ix
總結
第 3 章 文檔流與定位
文檔流
定位元素
offsetParent
定位
計算元素的位置
相對於視窗
相對於文檔
定位對話框控件
總結
第 4 章 理解和操作 z-index
z-index 究竟是什麼？
渲染層、堆疊次序與 z-index
默認堆疊次序
重寫默認堆疊次序
堆疊上下文
堆疊上下文是怎麼創建的？
事情越來越復雜瞭
管理 z-index
創建對象管理 z-index
轉化為 jQuery 插件
嚮對話框控件類添加 z-index 管理功能
總結
II 構建 UI
第 5 章 剋隆節點
使用 cloneNode 方法
使用 jQuery．clone
對話框控件
總結
x | 目錄
第 6 章 創建浮層
定義 API
工具
檢測滾動欄的寬度
計算容器寬度時考慮滾動條
獲取元素尺寸和坐標
監聽尺寸改變事件和滾動事件
更新選項
銷毀
定位
相對視窗或相對另一個元素定位
相對另一個元素定位元素
嚮對話框控件添加浮層功能
總結
第 7 章 拖動元素
鼠標事件
$．mousemove
$．mousedown
$．mouseup
鼠標事件的最佳實踐
1在 $．mousedown 事件中綁定 $．mousemove 事件
2在 $．mouseup 事件中解除 $．mousemove 的綁定
3將 $．mouseup 事件響應函數綁定到 ＜body＞ 上
4命名所有事件
定義 API
創建拖拽柄
拖動起來
$．mousedown 響應函數
$．mousemove 響應函數
$．mouseup 事件響應函數
銷毀可拖拽實例
使對話框控件可拖拽
總結
目錄 | xi
第 8 章 調整元素尺寸
鼠標事件和最佳實踐
事件
最佳實踐
調整元素尺寸
編寫調整尺寸的 API
拖拽/尺寸調整柄區
綁定鼠標事件
$．mousedown 事件響應函數
$．mousemove 事件響應函數
$．mouseup 事件響應函數
銷毀工作
完成調整尺寸功能
使對話框控件可調整大小
總結
第 9 章 完成對話框控件
添加樣式
添加 CSS
閤並 JavaScript 文件
總結
III 構建 HTML5 Web 組件
第 10 章 模闆
理解模闆的重要性
延遲加載資源
延遲渲染內容
從 DOM 中隱藏內容
創建和使用模闆
檢測瀏覽器支持
將模闆放到標簽中
將模闆內容插入到 DOM 中
使用模闆編寫對話框組件
創建和包裝對話框模闆 API
xii | 目錄
實例化對話框組件
抽象對話框模闆包裝
總結
第 11 章 Shadow DOM ．
什麼是 Shadow DOM?
Shadow DOM 基礎概念
Shadow 宿主
Shadow 根元素
在 Shadow DOM 中使用模闆
Shadow DOM 的樣式
樣式封裝
為宿主元素添加樣式
在文檔中設置 shadow 子樹根節點樣式
內容映射
通過 content 標簽映射
通過選擇器映射內容
節點分發和接入點
Shadow 接入點
事件與 Shadow DOM
使用 Shadow DOM 更新對話框模闆
對話框標簽
對話框的 API
更新對話框 show 方法
初始化對話框實例
總結
第 12 章 自定義元素 ．
自定義元素簡介
注冊自定義元素
擴展元素
擴展自定義元素
擴展自原生元素
定義屬性和方法
解析自定義元素
目錄 | xiii
參與自定義元素的生命周期
createdCallback
attachedCallback
detachedCallback
attributeChangedCallback
為自定義元素添加樣式
在自定義元素中使用模闆和 Shadow DOM
將對話框組件實現為一個自定義元素
創建對話框自定義元素
實現對話框自定義元素的迴調函數
實現對話框自定義元素的 API
顯示對話框
總結
第 13 章 引入文檔 ．
聲明引入
獲取引入的內容
獲取文檔
應用樣式
獲取模闆
執行 JavaScript
理解引入和主文檔的關係
解析引入
跨域
二級引入
加載自定義元素
引入對話框
總結
IV 使用 Polymer 測試，構建，部署 Web 組件
第 14 章 Polymer 簡介 ．
Polymer 元素
添加樣式
外部資源
過濾錶達式
xiv | 目錄
模闆格式
數據綁定
循環塊
上下文綁定
分支判斷
復閤模闆指令
特性（attribute）和屬性（peoperty）：元素的 API
原生特性
公開屬性
實例方法
Polymer 的 JavaScript API
生命周期方法
事件
處理延遲工作
總結
第 15 章 將對話框遷移至 Polymer ．
到底為什麼要遷移到 Polymer
直接接口
管理依賴
使用 Bower 安裝依賴
讓我們開始吧
太簡單瞭吧
Polymer 世界中的 jQuery
帶來瞭什麼
移除 jQuery
關於 jQuery 的結論
總結
第 16 章 測試 Web 組件 ．
PhantomJS 1
PhantomJS 2
Selenium WebDriver
Karma
測試用例
目錄 | xv
運行測試
總結
第 17 章 打包和發布 ．
Vulcanize
Gulp
Grunt
Gruntfiles
Grunt Tasks
注冊任務
Grunt 配置
使用 Bower 發布組件
注冊組件
總結
第 18 章 結語 ．
往何處去
Polymer
Mozilla X-Tag
document-register-element
WebComponents．org
CustomElements．io
祝你好運
索引

前言/序言

　　為什麼寫這本書
　　13 年前，我進入瞭Web 開發領域。這13 年來，Web 開發技術的進化一刻都未停止過，而且，其進化的速度正在逐漸加快。如果你瞭解一下，Google 在Polymer 和Web 組件技術中的投入，你多半會認為，在不久的將來，隨著瀏覽器技術的進步，Web 組件將在Web開發領域占據一席之地。雖然目前Web 組件還有一些需要解決的問題，比如搜索引擎優化（SEO）等，但我認為這不會阻礙Web 組件的發展，我甚至認為這不是一件壞事。在Web 開發領域，Web 組件技術（或具有類似關於繼承、構建、封裝、依賴的標準的技術）已經被期盼已久。即使你不太關心Web 組件，那麼看看這個領域的牛人們是如何實現自己的UI 庫（比如，使一個元素可拖拽之類），也沒有壞處。
　　Glenn Vanderburg 說：“開發者應該理解自己日常工作之下的抽象層。”我贊同這句話，而且我認為，對於大部分前端工程師，這一層抽象層通常就是指控件庫，以及jQuery 插件甚至jQuery 本身，因為大部分前端工程師的日常工作就是跟這些工具打交道。這一層抽象層中，包含控件庫所進行的DOM 操作、DOM 本身及其原生API。理解這些庫是怎麼工作的，會幫助你寫齣高效的代碼，幫助你提升。
　　有時候，這些常用的庫並不能很好地適用你麵臨的具體情形（你的産品經理或信息技術官將此情形拋給你處理），這時，如果你不會“遊泳”，就會“溺水而亡”。我想，提前學習一些“遊泳”課程（也就是本書瞭），會讓你在那一天到來之時不那麼手忙腳亂。而我，就沒你那麼幸運瞭。
　　我曾經負責製作一個定寬的門戶産品，其中每一個門戶組件都是可以調整大小的。聽上去很簡單，是嗎？首先，我被告知在我之前的Web 開發者曾經嘗試完成這個功能，但是都失敗瞭，他們說這是不可完成的。好吧，聽上去很挑戰。當時IE9 剛剛進入市場，因為之前的“技術債”，我們運行著三個不同版本的jQuery 和兩套不同版本的jQuery UI，沒有一個組閤能夠很好地適配IE9。於是，我工作的第一步，就是將站點使用的jQuery統一到一個版本，並適配IE9。你也許認為，統一jQuery 的版本非常簡單，但剛剛接手，我就意識到為什麼我們欠下瞭那麼多的“技術債”。我們的站點上運行著大量新舊混雜、良莠不齊的jQuery 插件。升級jQuery 伴隨著對這些插件的升級，以及打破瞭現有的代碼體係。我對一些插件進行瞭升級或者修補，而更換瞭另外一些插件。這個過程需要對DOM 的深入瞭解，當時我並不具備。我在控製颱輸齣日誌進行調試，在Stack Overflow（http://stackoverflow.com）尋求幫助，甚至進行逆嚮工程，最終解決瞭每一個問題。而這，僅僅是在開始開發新功能（門戶組件可調整尺寸）之前所做的準備工作。
　　接下來，我收到瞭一個可笑的需求，就是門戶組件列的調整，隻能精確地調整為某些預設好的尺寸，而不能隨意調整。當時並沒有一個插件能夠滿足這個要求，於是我編寫瞭自己的插件。
　　當我把（意大利麵條似的）插件代碼寫完之後，我就需要應用插件使每一個門戶組件可被調整大小。各種鼠標事件必須協同起來，保證拖拽的時候不會從外層容器中溢齣。從此我愛上瞭setTimeout ，直至今天。
　　如果你對我的故事感同身受，那麼你自己一定也有類似的故事。就像我一樣，你把各種Stack Overflow 上獲得的代碼片段、各式jQuery 插件，用自己的“膠水代碼”粘在一起，你需要100 個不同的分支，處理各種各樣的異常，這些異常均因為你對內在機製缺乏瞭解而造成的。我也曾經處於那種情境下，那一點都不好玩。所以，我用自己的經驗寫下瞭這本書。
　　這本書除瞭能讓你避免“溺水而亡”，還能幫助你瞭解UI 組件功能的底層細節。
　　? 本書允許你定義對自己有意義的API，因為jQuery 插件並不適用每一個人。
　　? 讓你擁有整個技術棧的控製，方便你調試，允許你自己決定某些變化發生在哪個層麵。
　　? 允許你自己決定哪些特性是重要的，哪些是不必要的，以控製代碼的體積。這在對代碼體積比較關心的場閤（如手機應用）很有用。
　　? 允許你針對自己的應用和用戶場景做額外的優化。
　　最後，我認為每個前端工程師都應該理解原生DOM 和JavaScript。這份理解，和設計方案的能力，是優秀的前端工程師所必須的。
　　本書包含什麼
　　本書編寫的最初目的，是嚮讀者傳授基礎知識，用以開發和部署Web 組件。本書更像是入門教程，而不是詳盡、徹底的教科書。本書中的知識被分為四個部分，每個部分為一篇，每一篇又分幾個章節，全部是圍繞一份項目代碼編寫的。
　　第I 部分UI 核心概念
　　第I 部分的內容包含瞭諸如剋隆節點、渲染圖層、堆疊上下文，以及z-index 的相關知識，理解這些知識能幫助我們對頁麵上的元素進行定位、拖拽和尺寸調整。這些概念經常被開發者誤解（或不完全理解），進而導緻不佳的軟件設計和實現，影響應用的性能與代碼的可維護性。如果你對這些概念已經瞭如指掌，那麼也可以跳過第I 部分。
　　第I 部分，我們將引入一個組件基類（它會派生齣對話框控件類）。組件基
　　類和對話框將貫穿本書的其餘部分。如果你跳過瞭第I 部分，但又想瞭解一
　　下組件基類的細節，可以快速迴顧一下第 2 章。
　　第II 部分構建UI
　　本書第II部分介紹瞭當下前端類庫，如Dojo（http://dojotoolkit.org）、jQueryU（I http://jqueryui.com）、KendoU（I http://www.kendoui.com）、Twitter Bootstrap（http://getbootstrap.com）遵循的概念和模式。你日常工作中用到的UI 組件，可能就是遵循這些概念和模式實現齣來的。如果不深入其中，這些抽象和UI 組件提供的好處是很難理解的。我強烈建議前端工程師使用一個提供瞭良好生命周期、繼承模式、工具函數和工具類的基礎庫，比如jQuery UI。如果你想追尋一個更輕量級的庫，那麼你可以瞭解一下jQuery++（http://jquerypp.com），這個庫提供瞭拖拽、調整尺寸等功能，代碼體積僅為162KB。它也允許你挑選其中的部分特性生成一份代碼，以進一步減少庫的代碼體積。
　　本書將實現一個對話框組件，實現該組件的過程就是實踐上述概念和模式的過程。
　　如果你對這些模式都非常清楚，想更深入地研究Web 組件，那麼也可以從第 III 部分開始。
　　第III 部分構建HTML5 Web 組件
　　本書的第III 部分，介紹瞭由W3C 定義、瀏覽器實現的Web 組件技術。這一部分使用瞭前兩部分編寫的對話框控件，將其轉化為一個功能全麵的Web 組件。
　　第IV 部分使用Polymer 測試，構建，部署Web 組件
　　本書的第IV 部分涵蓋瞭如何使用Google 的Polymer（http://www.polymer-project.org）橋接Web 組件技術與當前瀏覽器環境。Polymer 提供瞭方便的API，便於你創建可擴展的Web組件。這一部分，還將指導你將第 III 部分編寫的對話框Web 組件轉化為一個Polymer組件。最後，本書還會介紹如何使用構建工具和包管理工具打包和部署Web 組件（包括Polymer 化版本的組件）。
　　本書不包含什麼
　　本書的目的不是成為一份開發Web 組件的“權威指南”，教會你在任何能夠訪問互聯網的設備上開發Web 組件。因為以下兩個原因，這幾乎是不可能的。
　　首先，這幾年瀏覽器性能正在飛速的提升，而Internet 也從一個“文檔傳遞”網絡逐漸變成瞭一個準應用平颱。在這個轉變的過程中，瀏覽器變得更加穩定，具有瞭更多豐富的特性。在編寫錶格布局的頁麵和使用Netscape 4 進行測試的年代裏，這是不敢想象的事情。很多原本需要使用JavaScript 實現的功能，現在隻需要CSS 就能夠完成瞭。然而問題是，雖然Web 的標準在進化，但瀏覽器並沒能完全跟上，或者說不同瀏覽器對新特性的實現進度並不一緻。瀏覽器的引擎，是瀏覽器廠商自己基於W3C 標準而實現的，不同廠商的實現細節自然不一樣。這些新的特性，對於Web 組件開發來說尤為重要，但是瀏覽器世界是一個新的主題，一本書也不一定說得完，更不可能在本書中討論清楚瀏覽器問題的細節瞭。而且當你開發Web 組件的時候，哪些瀏覽器支持哪些不支持，這些也不是最重要的。
　　其次，這五年來，能夠訪問互聯網的設備，其數量和種類（手機，平闆電腦等）也在飛速增長。新設備的進化和增長，以及設備廠商的努力，使得之前的諸如有限的處理器性能、有限的存儲空間、較小的屏幕、較差的網絡連接等問題得到瞭解決。新設備給Web開發領域的影響是有趣的，也帶來瞭一些新概念和新模式，如響應式布局設計、觸摸和手勢事件，等等。但是，每個設備都有自己的“怪癖”，不斷增長的移動設備市場，也會給Web 開發領域帶來新的課題。但是，這個課題本書也並不會涉及。
　　試圖在一本書中同時解釋清楚這些復雜的問題，幾乎是不可能的。本書的內容比《計算機編程藝術》還要寬泛，但是在第一章寫完之前，也許就過時瞭。
　　除瞭關於市場上設備數量和功能的問題，你還需要知道的是，W3C 製定的Web 組件標準仍然在發展中。因此，本書中包含的內容，也許很快就會過時。等Web 組件標準製定好之後，會再齣一版新版。我將盡最大的可能緊緊跟隨標準。
　　如何使用代碼範例
　　你可以在https://github.com/webcomponentsbook
　　（https://github.com/webcomponentsbook）上下載到本書相關的學習材料（代碼示例、練習等）。
　　本書可以幫助你完成工作。一般來說，可以在自己的程序和文檔中使用本書的代碼。除非將重新編譯代碼中的重要部分，你不需要聯係我們獲取授權。比如，使用本書中的若乾程序來編寫自己的代碼是無須授權的，但是銷售或發布O’Reilly 齣版書籍配套光盤中的代碼是需要授權的。通過本書中的示例程序迴答問題是無須授權的，而將本書中重要部分的示例代碼整閤到你的産品的文檔中是需要授權的。
　　我們感謝你在使用我們的代碼時給齣引用說明，但這不是必需的。一個引用說明通常包括標題、作者、齣版社和ISBN。比如，本書的引用說明：“Developing Web Componentsby Jarrod Overson and Jason Strimpel (O’Reilly). Copyright 2015 Jarrod Overson and JasonStrimpel, 978-1-491-94902-3.”。
　　如果你不確定使用的示例代碼是否超齣瞭上述約定，可以隨時通過電子郵件聯係我們。
　　我們的電子郵件地址是permissions@oreilly.com。
　　Safari? 在綫圖書
　　Safari Books Online（www.safaribooksonline.com）是一個發布來自全球技術和商業領域的頂尖作者寫的書和視頻等優質內容的按需數字化圖書館。
　　大量的技術軟件、軟件開發者、Web 設計師，以及商業和創意設計師都在使用Safari BooksOnline，並將其作為研究、解決日常問題，學習及認證培訓的首要資源。
　　Safari Books Online 為各種組織、政府機構和個人提供瞭一組産品包和計費係統。訂閱者可以訪問成韆上萬種數據、培訓視頻、正式齣版的手稿。這些內容來自以下齣版社的全文檢索數據庫：O’Reilly Media、Prentice Hall Professional、Addison-Wesley Professional、Microsoft Press、Sams、Que、Peachpit Press、Focal Press、Cisco Press、John Wiley & Sons、Syngress、Morgan Kaufmann、IBM Redbooks、Packt、Adobe Press、FT Press、Apress、Manning、New Riders、McGraw-Hill、Jones & Bartlett、Course Technology 等。關於Safari Books Online的更多信息，請訪問我們的在綫站點。
　　緻謝
　　Jason Strimpel
　　首先，我要感謝我的妻子Lasca 對我的鼓勵和理解。我無法想象比她更好的人生伴侶，也沒有見過另一個像他這樣聰慧、美麗和特彆的人。我愛你，你是我的一切。
　　我還要感謝我的老闆Claude Jones，他幫助和指導我完成瞭本書。沒有他，就沒有這本書的存在。
　　我還要感謝本書的另一位作者Jarrod Overson，他答應編寫本書的第IV 部分。如果本書有什麼不恰當的地方，那一定是我的責任。跟我相比，你是一位更有天賦的作者、演說傢和工程師。
　　此外，我還要感謝Simon St.Laurent，他傾聽瞭我的不成熟的想法，並給齣瞭很好的建議，這些建議幫助我把這些想法最終轉化為瞭本書。同樣，本書的編輯Brian Anderson，他是我見過的最耐心的人。如果沒有他，本書隻會是一堆沒有上下文，無法被其他人理解的手稿。謝謝你，Brian。
　　最後，我還要感謝本書的“隱秘閤夥人”：社區中的那些編程牛人。他們的編程水平遠超於我，教會瞭我無數的知識和經驗。他們從公眾視野中為我們選擇齣瞭最精華的部分。
　　如果你足夠幸運，能夠與他們共事，那麼請相信我，你一定會馬上發現（他們是真正的牛人），並聽從他們的經驗。正是因為他們，我纔能夠從一個資質平平的開發者成長為一名工程師，纔能夠分享我擁有的這些知識。
　　Jarrod Overson
　　如果沒有我耐心的妻子，Kate Lane，我在本書中的工作根本無法完成。這些年，她已經習慣於聽我嘮嘮叨叨地講述那些關於JavaScript 體係和物理模擬的話題，默默支持我，還能保持好奇心。是你的支持，使我能夠安心齣國演講、寫代碼到深夜、花費很多時間組織社區事務。沒有你的支持，就沒有我所擁有的一切，包括我們的兩個可愛的孩子。
　　謝謝你Finn，你為我的生活帶來瞭太多的樂趣。作為你的父親，我常常被你的天纔想法所驚訝和激動。同樣謝謝你Norah，你總能夠讓我拋卻煩惱。你們兩個是我的驕傲和前進的動力。
　　最後，謝謝你Jason。你在編寫本書的時候想到瞭我，你是San Diego 最優秀的開發者之一，與你共事是我的榮耀。希望在將來，能夠與你有更多的閤作。

Polymer：麵嚮未來的Web組件開發 簡介 在瞬息萬變的Web開發領域，組件化已成為提升效率、可維護性和復用性的關鍵。Polymer，作為Google推齣的一款強大的JavaScript庫，為開發者提供瞭一種標準化的、麵嚮未來的方式來構建和使用Web組件。本書《Polymer：麵嚮未來的Web組件開發》深入探討瞭Polymer的核心概念、實踐技巧以及其在現代Web應用開發中的廣闊前景。本書旨在幫助開發者從零開始掌握Polymer，並將其應用於實際項目中，構建齣更具擴展性、更易於維護的下一代Web應用。 為何選擇Polymer？ 隨著Web技術的飛速發展，構建復雜、交互式的Web應用變得越來越具有挑戰性。傳統的JavaScript框架雖然帶來瞭便利，但也往往伴隨著學習麯綫陡峭、過度依賴特定生態係統以及在不同框架間遷移睏難等問題。Web組件（Web Components）的齣現，為解決這些問題提供瞭標準化、原生支持的解決方案。Web組件是一套獨立的API，允許開發者創建可重用的自定義HTML元素，它們具有封裝性、互操作性和可組閤性，能夠在任何支持Web組件的瀏覽器中原生運行，無需依賴任何特定的JavaScript庫或框架。 Polymer正是基於Web組件標準構建的庫。它通過提供一套簡潔、高效的API，極大地簡化瞭Web組件的創建過程，並引入瞭一些額外的增強功能，使得開發者能夠更輕鬆地構建齣功能強大、性能卓越的Web應用。與直接使用原生Web組件API相比，Polymer提供瞭更高級彆的抽象，降低瞭開發復雜度，並帶來瞭諸如聲明式模闆、數據綁定、響應式更新、事件處理以及更友好的開發體驗。 本書內容概述 本書將帶領讀者踏上一段全麵的Polymer學習之旅，內容涵蓋瞭從基礎概念到高級特性的方方麵麵。 第一部分：Web組件基礎與Polymer入門 Web組件的核心理念： 在深入Polymer之前，本書首先會詳細闡述Web組件的四大核心技術：Custom Elements、Shadow DOM、HTML Templates和HTML Imports。理解這些基礎概念對於掌握Polymer至關重要，本書將通過清晰的解釋和生動的示例，幫助讀者建立紮實的Web組件理論基礎。 Polymer的安裝與項目結構： 介紹Polymer的安裝方式，包括使用npm/yarn進行包管理，以及如何設置Polymer開發環境。本書還將指導讀者創建第一個Polymer項目，並介紹典型的Polymer項目結構，幫助讀者快速搭建起開發環境。 創建第一個Polymer元素： 從最基礎的Polymer元素創建開始，講解如何定義自定義標簽、如何編寫元素的生命周期迴調函數（如`createdCallback`、`attachedCallback`、`detachedCallback`、`attributeChangedCallback`），以及如何為元素設置屬性和監聽屬性變化。 數據綁定與屬性： 深入講解Polymer強大的數據綁定機製。本書將介紹單嚮綁定、雙嚮綁定以及屬性的聲明方式。通過豐富的實例，展示如何將數據模型與DOM元素進行連接，實現數據的自動同步更新，從而大大簡化UI的開發。 事件處理與DOM操作： 講解Polymer中事件處理的模式，包括如何在自定義元素中監聽和派發事件。同時，也會介紹Polymer提供的DOM操作API，幫助讀者更高效地操作元素的內部結構。 模闆與樣式封裝： 介紹Polymer的模闆係統，如何使用HTML模闆來定義元素的結構，並展示Polymer如何利用Shadow DOM實現樣式封裝，確保組件內部樣式不影響外部，外部樣式不輕易穿透組件，實現真正的組件化隔離。 第二部分：Polymer的高級特性與最佳實踐 自定義屬性與觀察者： 深入探討Polymer中自定義屬性的設置、默認值以及如何使用屬性觀察者（Observers）來響應屬性的變化，實現更精細的數據邏輯控製。 計算屬性與方法： 講解如何創建計算屬性，根據現有屬性動態計算齣新的值，以及如何為Polymer元素添加自定義方法，增強組件的功能和可交互性。 事件冒泡與委派： 進一步講解Polymer的事件處理機製，包括如何控製事件的冒泡行為，以及如何利用事件委派來提高性能和簡化代碼。 依賴管理與組件組閤： 介紹Polymer中組件之間的依賴關係管理，以及如何將多個Polymer組件組閤起來，構建更復雜的UI結構。本書將展示如何通過組閤來重用現有組件，構建齣模塊化的應用程序。 數據存儲與狀態管理： 探討在Polymer應用中進行數據存儲和狀態管理的方法。本書將介紹Polymer提供的簡單數據管理機製，並引導讀者瞭解更高級的狀態管理模式，以應對大型應用的復雜性。 動畫與過渡效果： 講解如何為Polymer組件添加平滑的動畫和過渡效果，提升用戶體驗。本書將介紹Polymer內置的動畫API，並展示如何結閤CSS Animations和Transitions來實現豐富的視覺效果。 可訪問性（Accessibility）： 強調Web組件的可訪問性，介紹Polymer如何支持ARIA（Accessible Rich Internet Applications）屬性，以及如何編寫可訪問的Polymer組件，確保所有用戶都能無障礙地使用Web應用。 測試Polymer組件： 講解如何對Polymer組件進行單元測試和集成測試，確保組件的穩定性和可靠性。本書將介紹常用的測試工具和方法，幫助讀者建立良好的測試習慣。 性能優化策略： 深入探討Polymer應用的性能優化技巧，包括如何減少DOM操作、優化數據綁定、利用懶加載以及打包優化等，以構建高性能的Web應用。 第三部分：Polymer在實際項目中的應用 構建一個完整的Polymer應用： 通過一個實際的項目案例，本書將帶領讀者將前麵學到的知識融會貫通，構建一個功能完整的Polymer應用，例如一個待辦事項列錶、一個簡單的電商網站展示頁麵等。 與現有框架的集成： 探討Polymer如何與現有的JavaScript框架（如React、Vue.js、Angular）以及服務器端渲染（SSR）技術進行集成，為開發者提供更大的靈活性。 Polymer生態係統概覽： 介紹Polymer的生態係統，包括官方提供的UI組件庫（如Polymer Elements）、社區貢獻的各種工具和庫，幫助讀者充分利用Polymer的生態資源。 遷移到Web組件： 對於已經在使用其他前端框架的團隊，本書將提供關於如何逐步將現有應用遷移到Web組件的指導和建議。 麵嚮未來的Web開發： 總結Polymer在構建下一代Web應用中的優勢，展望Web組件技術的未來發展趨勢，以及Polymer在其中扮演的角色。 誰適閤閱讀本書？ 本書適閤以下人群： 前端開發者： 想要學習如何使用Polymer構建現代化、可復用的Web組件的開發者。 對Web組件感興趣的開發者： 希望深入瞭解Web組件技術，並學習如何利用Polymer實現高效開發。 需要構建大型、可維護Web應用的團隊： 尋找一種能夠提升代碼質量、簡化開發流程的解決方案。 對組件化開發有追求的開發者： 希望掌握一種能夠跨框架、跨項目重用的技術。 本書的價值 通過閱讀《Polymer：麵嚮未來的Web組件開發》，您將能夠： 掌握Web組件的核心技術， 深刻理解其工作原理。 熟練運用Polymer庫， 高效地創建和管理Web組件。 構建齣高度復用、易於維護的Web應用， 提升開發效率和項目質量。 理解Polymer在現代Web開發中的定位和優勢， 為未來的技術選型提供參考。 為構建更具可擴展性、更具前瞻性的Web應用打下堅實基礎。 Polymer不僅僅是一個庫，它代錶著一種麵嚮未來的Web組件開發理念。本書將助您掌握這一強大的工具，開啓您的Web組件開發新篇章。

評分☆☆☆☆☆

讀到這本書的名字，我腦海中立刻浮現齣一種“技術革新”的畫麵。Polymer，這個名字本身就帶有一種“聚閤”和“構建”的意味，而“麵嚮未來的Web組件開發”，更是直接點齣瞭其核心價值——構建未來。在如今快速迭代的前端開發領域，找到一個能夠“站得住腳”、能夠支持項目長期發展的技術棧至關重要。而Web組件，正是朝著這個方嚮邁齣的重要一步。它預示著一種更加標準化、更加模塊化的開發模式。 我期待這本書能夠不僅僅停留在理論層麵，而是能夠提供豐富的實踐指導。比如，書中是否會涵蓋如何有效地管理組件的狀態、如何處理組件之間的通信、如何進行組件的測試和部署？這些都是在實際開發中會遇到的關鍵問題。我特彆想瞭解Polymer是如何解決這些痛點的，它是否提供瞭一些獨特的工具或模式來簡化這些流程。如果這本書能讓我看到Polymer如何在實際項目中落地，如何幫助開發者構建齣高性能、高可維護性的Web應用，那麼它無疑就是一本值得深入研究的寶藏。

評分☆☆☆☆☆

一看到“Polymer：麵嚮未來的Web組件開發”這個書名，我的第一反應就是：“終於有一本書談論這個方嚮瞭！”。長期以來，雖然各種前端框架層齣不窮，但我們一直在尋找一種更底層、更具普適性的解決方案，而Web組件無疑是其中最有希望的候選者之一。Polymer，作為榖歌推齣的一個重量級項目，一直備受關注。這本書的名稱直接點明瞭其核心——“麵嚮未來”，這讓我對它能夠提供的前瞻性洞察和實用性指南充滿瞭期待。 我非常好奇書中會如何闡述Polymer的優勢，以及它與原生Web組件之間的關係。是否會有關於如何利用Polymer構建復雜、可維護的大型應用程序的案例分析？它在性能、開發效率和開發者體驗方麵，又能帶來哪些突破性的改進？我希望這本書能夠深入剖析Polymer的內部機製，並提供清晰易懂的解釋，讓我能夠真正理解其工作原理，而不僅僅是停留在API的使用層麵。如果這本書能夠指導我如何利用Polymer解決實際開發中的難題，那將是極大的收獲。

評分☆☆☆☆☆

“Polymer：麵嚮未來的Web組件開發”——這書名一齣，瞬間就能抓住我的注意力。作為一個長期在前端領域摸爬滾打的開發者，我深切體會到技術迭代的迅猛，以及“跟上趟”的壓力。Web組件的概念，聽起來就有一種“終極解決方案”的潛質，能夠解決睏擾已久的“組件孤島”問題，實現真正的跨平颱、跨框架的復用。這本書的“麵嚮未來”幾個字，更是讓我嗅到瞭“下一代前端開發”的味道。 我迫切地想知道，Polymer是如何在標準化Web組件的基礎上，提供更強大、更靈活的開發能力。它是否能夠幫助我們擺脫對特定框架的過度依賴，從而擁有更大的自由度和更強的適應性？書中是否會深入探討Polymer的架構設計，以及它在性能優化、安全性和可訪問性方麵的考量？如果這本書能夠詳細解析Polymer的API，並提供大量實際可操作的代碼示例，那就太棒瞭。我希望通過閱讀這本書，能夠全麵掌握Polymer的精髓，並將其應用到我的實際項目中，構建齣真正符閤未來發展趨勢的Web應用。

評分☆☆☆☆☆

“Polymer：麵嚮未來的Web組件開發”——這個書名就像一張藏寶圖，瞬間就點燃瞭我對未知的好奇心。在前端開發日新月異的今天，能夠找到一本深入探討Web組件的著作，並且還是以“麵嚮未來”為導嚮，這無疑是一件令人振奮的事情。Web組件的概念，為我們提供瞭一種全新的構建和組織UI的方式，它承載著實現真正的組件化、模塊化和跨框架復用的夢想。 我非常期待這本書能夠深入淺齣地講解Polymer的核心技術，例如Custom Elements、Shadow DOM、HTML Templates等，並且能夠提供詳實的示例代碼，讓我能夠快速上手。更重要的是，我希望這本書能夠教會我如何利用Polymer來構建高性能、可維護、易於擴展的Web應用程序。書中是否會涉及Polymer在實際項目中的最佳實踐？它在性能優化、安全性以及與其他技術的集成方麵，又有哪些獨到的見解和解決方案？如果這本書能夠幫助我理解並掌握Polymer的精髓，從而在未來的Web開發中占據先機，那麼它將是我不可多得的寶貴財富。

評分☆☆☆☆☆

這本書的名字聽起來就充滿瞭希望和前瞻性，"Polymer：麵嚮未來的Web組件開發"。光是這個名字，就足以激起我對這項技術的好奇心。我一直在關注前端技術的發展，尤其是那些能夠提升開發效率、降低維護成本、並且能夠適應未來復雜應用需求的技術。Web組件的概念，在我看來，就是這樣一個具有巨大潛力的方嚮。它承諾瞭封裝性、可復用性和互操作性，這些都是現代軟件開發中不可或缺的要素。 想象一下，如果我們可以將UI的各個部分像樂高積木一樣獨立開發、測試，然後隨意組閤，那將是多麼美妙的場景。傳統的前端開發中，組件化固然已經取得瞭長足的進步，但不同的框架之間往往存在壁壘，重用性也常常受限於特定的生態係統。而Web組件，如果能夠真正實現跨框架、跨瀏覽器的標準，那將是前端工程化的一大飛躍。這本書的書名直接點明瞭“麵嚮未來”，這讓我對它能夠提供的解決方案充滿期待。我希望它能深入淺齣地講解Polymer的核心概念，比如Custom Elements、Shadow DOM、HTML Templates等，並展示如何利用這些能力構建齣真正強大且易於維護的Web應用。

評分☆☆☆☆☆

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

評分☆☆☆☆☆

書不錯，值得購買。。。。。。。。

評分☆☆☆☆☆

講瞭一半的jquery

評分☆☆☆☆☆

很好

評分☆☆☆☆☆

好好好好好好好好好好好好好好好好好好

評分☆☆☆☆☆

書不錯，值得購買。。。。。。。。

評分☆☆☆☆☆

還不錯

評分☆☆☆☆☆

前端組件學習，同事推薦和好評

評分☆☆☆☆☆

還不錯