Web Component實戰：探索PolymerJS、Mozilla Brick、Bosonic與ReactJS框架

作者：（印）SANDEEP KUMAR PATEL
出版社：電子工業出版社
出版日期：2015/10/01
語言：簡體中文

定價：390元

優惠折扣2/7-2/8會員日-鑽石會員結帳滿1200再88折,最高折$800
優惠折扣2/7-2/8會員日-白金會員結帳滿1200再9折,最高折$800
優惠折扣2/7-2/8會員日-黃金一般會員結帳滿1200再95折,最高折$800

點數回饋 2/7-2/8會員日滿$5000享2%點數(上限200點)

運送方式：
臺灣與離島
海外

可配送點：台灣、蘭嶼、綠島、澎湖、金門、馬祖
可配送點：台灣、蘭嶼、綠島、澎湖、金門、馬祖

載入中...

分享

內容簡介

Web組件正在快速成熟，本書將針對架構、配置及工作選擇進行具體詳細的介紹。讀者將接觸到web組件發展的核心工具和文件庫，包括Polymer、Bosonic、 Mozilla Brick、和ReactJS，並通過實例講解Web組件的發展、運用JavaScript創建功能性Web組件，以及建立自己的Web組件工具箱。

Sandeep Kumar Patel 是一位高級 web 工程師，技術博客的創始人，該博客自 2012 年創建以來一直被廣泛閱讀。他在面向對象的 JavaScript 和基於JSON 的 web 應用開發上，有超過 5 年的經驗；曾獲 GATE-2005 信息技術（IT）資格認證及印度韋洛爾理工大學碩士學位。你可以在 LinkedIn上了解到更多關於他的個人信息。DZone 曾在 web 技術出版方向上授予他很具有價值博主（MVB）獎項。你可以在sandeepgiet查看到他的文章。此外，他還獲得過 JCG（Java Code Geeks）頒發的 JCG 徽章。同樣，可以在sandeep-kumar-patel查看到他的文章。

范洪春，阿里巴巴（中國）網絡技術有限公司前端工程師。

前言xiii

第1章 Web Component簡介1
Web Component是什麼？ 1
Web Component的使用動機和困境2
Web Component架構 2
模板元素 3
模板元素的細節 3
檢測是否支持模板特性 4
延遲加載的模板 6
激活模板7
HTML Import11
HTML Import特性檢測11
訪問引入的文檔 13
HTML Import的事件 15
Shadow DOM16
Shadow DOM特性檢測 17
Shadow tree19
自定義元素24
自定義元素特性檢測 24
自定義元素的開發 26
示例：自定義元素 29
節點分布 31
內容插入點31
Shadow插入點 33
為Web Component添加樣式35
構建時鍾組件39
時鍾模板39
時鍾元素注冊腳本 40
組件的使用 41
X—Tag43
X—Tag元素生命周期43
開發X—Tag自定義元素 44
Polymer48
Mozilla Brick 48
ReactJS48
Bosonic48
總結 49

第2章 Polymer 簡介50
什麼是Polymer 50
安裝和配置Polymer50
下載ZIP文件51
使用GIT克隆 51
使用Bower52
PolymerJS結構 53
包含polyfill的Web Component54
Polymer庫56
元素 56
Core元素56
core—tooltip元素62
paper元素 64
Material Design 65
Polymer Designer工具72
使用設計工具開發73
獲取GitHub令牌73
開發E—mail訂閱表單 74
Yeoman Polymer生成器 75
Polymer生成器命令76
Polymer應用生成器77
Polymer元素生成器77
Polymer種子生成器78
Polymer Github頁面生成器 78
總結 78

第3章使用 Polymer 開發 Web Component79
PolymerJS的 ready 事件 79
Polymer表達式 80
Polymer模板的自動綁定 82
過濾器表達式86
內建的過濾器表達式 86
自定義過濾器表達式 89
全局的過濾器表達式 91
開發Polymer自定義元素 92
定義自定義元素 93
定義元素屬性93
定義默認屬性94
定義公共屬性和方法 94
發布屬性95
定義生命周期方法 95
注冊自定義元素 97
開發一個自定義元素示例 97
擴展自定義元素99
Polymer方法 101
Polymer的mixin方法101
Polymer的import方法 103
Polymer的waitingFor方法 104
Polymer的forceReady方法 106
異步任務執行107
開發一個數顯時鍾109
使用Yeoman 111
Yeoman元素生成器111
Yeoman種子生成器114
Yeoman GitHub頁面生成器 115
為生產環境下使用vulcanize做准備 116
安裝vulcanize116
運行vulcanize進程 116
總結 117

第4章探索Web Component開發工具 Bosonic118
Bosonic是什麼？ 118
瀏覽器支持情況119
配置Bosonic 119
Bosonic包119
內建元素120
b—sortable元素 120
b—toggle—button元素122
開發自定義元素124
第1步創建red—message元素目錄124
第2步進入到red—message目錄125
第3步為＜red—message＞生成一個框架 125
第4步驗證目錄結構125
第5步定義＜red—message＞元素的代碼 126
第6步修改indexhtml示例文件 127
第7步使用Grunt生成分發文件 127
第8步運行indexhtml文件 130
Bosonic生命周期 130
生命周期示例130
開發一個數顯時鍾136
總結140
……
第5章使用Mozilla Brick開發Web Component 141
第6章使用ReactJS開發Web Component 165
附錄 Web Component參考文獻195

看更多

序

如果你想學習和理解W3C提出的WebComponent規范，使用 Polymer、Bosonic、Mozilla Brick 及 ReactJS 開發自己的 Web Component，那這本書一定很適合你。

它提供了一個系統化的方法來構建響應式 web 應用程序。

這本書會闡述所有可以幫助構建 Web Component 規范的關鍵特性，並附有所需的完整源代碼。

看更多

詳細資料

ISBN：9787121273827
規格：198頁 / 21 x 14.8 x 1.5 cm / 普通級 / 1-1
出版地：中國

本書分類：電腦資訊> 程式設計> 其他

主題活動

年度百大｜寫書評送25元E-Coupon

購物說明

溫馨提醒您：若您訂單中有購買簡體館無庫存/預售書或庫存於海外廠商的書籍，建議與其他商品分開下單，以避免等待時間過長，謝謝。

大陸出版品書況：因裝幀品質及貨運條件未臻完善，書況與台灣出版品落差甚大，封面老舊、出現磨痕、凹痕等均屬常態，故簡體字館除封面破損、內頁脫落...等較嚴重的狀態外，其餘所有商品將正常出貨。

請注意，部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。

調貨時間：若您購買海外庫存之商品，於您完成訂購後，商品原則上約21~30個工作天內抵台(若有將延遲另行告知)。為了縮短等待的時間，建議您將簡體書與其它商品分開訂購，以利一般商品快速出貨。

若您具有法人身份為常態性且大量購書者，或有特殊作業需求，建議您可洽詢「企業採購」。

退換貨說明

會員所購買的商品均享有到貨十天的猶豫期（含例假日）。退回之商品必須於猶豫期內寄回。

辦理退換貨時，商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性，切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者，恐將影響退貨權益或需負擔部分費用。

訂購本商品前請務必詳閱商品退換貨原則。