Web Component实战 探索PolymerJS、Mozilla Brick、Bosonic与ReactJS框架2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

Web Component实战 探索PolymerJS、Mozilla Brick、Bosonic与ReactJS框架PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 Web Component简介1

WebComponent是什么？1

WebComponent的使用动机和困境2

WebComponent架构2

模板元素3

模板元素的细节3

检测是否支持模板特性4

延迟加载的模板6

激活模板7

HTMLImport11

HTMLImport特性检测11

访问引入的文档13

HTMLImport的事件15

ShadowDOM16

ShadowDOM特性检测17

Shadowtree19

自定义元素24

自定义元素特性检测24

自定义元素的开发26

示例：自定义元素29

节点分布31

内容插入点31

Shadow插入点33

为Web Component添加样式35

构建时钟组件39

时钟模板39

时钟元素注册脚本40

组件的使用41

X-Tag43

X-Tag元素生命周期43

开发X-Tag自定义元素44

Polymer48

MozillaBrick48

ReactJS48

Bosonic48

总结49

第2章 Polymer简介50

什么是Polymer？50

安装和配置Polymer50

下载ZIP文件51

使用GIT克隆51

使用Bower52

PolymerJS结构53

包含polyfill的WebComponent54

Polymer库56

元素56

Core元素56

core-tooltip元素62

paper元素64

MaterialDesign65

PolymerDesigner工具72

使用设计工具开发73

获取GitHub令牌73

开发E-mail订阅表单74

YeomanPolymer生成器75

Polymer生成器命令76

Polymer应用生成器77

Polymer元素生成器77

Polymer种子生成器78

PolymerGithub页面生成器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

使用Yeoman111

Yeoman元素生成器111

Yeoman种子生成器114

YeomanGitHub页面生成器115

为生产环境下使用vulcanize做准备116

安装vulcanize116

运行vulcanize进程116

总结117

第4章 探索Web Component开发工具Bosonic118

Bosonic是什么？118

浏览器支持情况119

配置Bosonic119

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步修改index…html示例文件127

第7步使用Grunt生成分发文件127

第8步运行index…html文件130

Bosonic生命周期130

生命周期示例130

开发一个数显时钟136

总结140

第5章 使用Mozilla Brick开发Web Component141

Brick库是什么？141

MozillaBrick1.0142

MozillaBrick2.0142

安装MozillaBrick143

配置MozillaBrick144

内置组件145

brick-calendar元素145

brick-flipbox元素145

brick-deck元素148

brick-tabbar元素151

brick-action元素154

brick-menu元素157

X-Tag库158

使用X-Tag来开发一个数显时钟159

总结164

第6章 使用ReactJS开发Web Component165

走近React165

Flux架构165

Flux的关键特性166

安装ReactJS167

配置ReactJS168

使用ReactJS168

JSX是什么170

使用JSX创建自定义组件170

ReactJS行内样式172

ReactJS事件处理174

使用非DOM属性176

ReactJS组件生命周期179

ReactJS初始化179

ReactJS存在期180

ReactJS销毁期181

ReactJS生命周期示例181

有状态的自定义组件184

生产环境预编译JSX186

JSX文件监听190

使用ReactJS开发一个数显时钟190

第1步开发脚本定义数显时钟组件生命周期190

第2步定义数显时钟组件的CSS样式191

调试ReactJS192

总结194

附录Web Component参考文献195