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

Web Component實戰:探索PolymerJS、Mozilla Brick、Bosonic與ReactJS框架
定價:390
NT $ 390
 

內容簡介

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 規范的關鍵特性,並附有所需的完整源代碼。
網路書店 類別 折扣 價格
  1. 新書
    $390