Polymer

本书包含了构建常用JavaScript组件的基础知识，并通过实例带领你学习组件的概念化、设计和实施，后半部分则涵盖了封装、打包和部署的相关知识。无论你是缺乏组件使用经验的JavaScript开发人员，还是具有组件库的丰富使用经验、想创建出定制组件的前端开发人员，这本书都适合你阅读。

Jarrod Overson在Web开发领域有15年以上的经验，曾在创业公司工作，也曾经供职于优选性的大公司。目前他在Shape Security工作。Jarrod是开源社区和JavaScript语言工具的活跃贡献者和布道师，他创建了Plato和许多其他的工具和库。

Jason Strimpel是一名具有15年以上经验的软件工程师。目前，他供职于WalmartLabs，主要工作是编写软件，以支持UI应用的开发。Jason同样也活跃于开源社区，他维护着诸如 LazoJS等框架。

前言
第1章概述
什么是Web组件2
HTML模板3
HTML引用3
自定义元素3
Shadow DOM3
为什么使用Web组件4
ⅠUI核心概念
第2章基础知识9
DOM抽象层的重要性9
控件的API和生命周期10
继承模式12
依赖13
优化14
Web组件不仅仅是Java Script15
示例控件15
Voltron控件基类16
对话框类18
对话框的CSS和HTML19
总结20
第3章文档流与定位21
文档流21
定位元素22
offset Parent22
定位24
计算元素的位置26
相对于视窗27
相对于文档27
定位对话框控件28
总结29
第4章理解和操作z—index31
z—index究竟是什么？31
渲染层、堆叠次序与z—index32
默认堆叠次序32
重写默认堆叠次序33
堆叠上下文34
堆叠上下文是怎么创建的？34
事情越来越复杂了35
管理z—index35
创建对象管理z—index36
转化为jQuery插件43
向对话框控件类添加z—index管理功能45
总结45
Ⅱ构建UI
第5章克隆节点49
使用clone Node方法50
使用jQuery.clone51
对话框控件53
总结53
第6章创建浮层55
定义API55
工具57
检测滚动栏的宽度57
计算容器宽度时考虑滚动条58
获取元素尺寸和坐标59
监听尺寸改变事件和滚动事件60
更新选项60
销毁61
定位61
相对视窗或相对另一个元素定位62
相对另一个元素定位元素64
向对话框控件添加浮层功能66
总结67
第7章拖动元素69
鼠标事件69
$.mousemove69
$.mousedown70
$.mouseup70
鼠标事件的最佳实践70
1在$.mousedown事件中绑定$.mousemove事件70
2在$.mouseup事件中解除$.mousemove的绑定71
3将$.mouseup事件响应函数绑定到＜body＞上71
4命名所有事件71
定义API72
创建拖拽柄73
拖动起来73
$.mousedown响应函数73
$.mousemove响应函数74
$.mouseup事件响应函数75
销毁可拖拽实例76
使对话框控件可拖拽77
总结78
第8章调整元素尺寸79
鼠标事件和最佳实践79
事件79
最佳实践80
调整元素尺寸80
编写调整尺寸的API81
拖拽／尺寸调整柄区82
绑定鼠标事件83
$.mousedown事件响应函数83
$.mousemove事件响应函数85
$.mouseup事件响应函数85
销毁工作86
完成调整尺寸功能86
使对话框控件可调整大小91
总结92
第9章完成对话框控件93
添加样式93
添加CSS93
合并JavaScript文件94
总结95
Ⅲ构建HTML5 Web组件
第10章模板99
理解模板的重要性100
延迟加载资源101
延迟渲染内容101
从DOM中隐藏内容101
创建和使用模板101
检测浏览器支持101
将模板放到标签中102
将模板内容插入到DOM中102
使用模板编写对话框组件102
创建和包装对话框模板API103
实例化对话框组件104
抽象对话框模板包装104
总结105
第11章Shadow DOM107
什么是Shadow DOM？107
Shadow DOM基础概念108
Shadow宿主108
Shadow根元素108
在Shadow DOM中使用模板109
Shadow DOM的样式110
样式封装110
为宿主元素添加样式111
在文档中设置shadow子树根节点样式113
内容映射115
通过content标签映射116
通过选择器映射内容116
节点分发和接入点118
Shadow接入点118
事件与Shadow DOM120
使用Shadow DOM更新对话框模板121
对话框标签121
对话框的API122
更新对话框show方法122
初始化对话框实例123
总结123
第12章自定义元素125
自定义元素简介126
注册自定义元素126
扩展元素127
扩展自定义元素127
扩展自原生元素128
定义属性和方法128
解析自定义元素129
参与自定义元素的生命周期130
created Callback130
attached Callback130
detached Callback131
attribute Changed Callback131
为自定义元素添加样式132
在自定义元素中使用模板和Shadow DOM132
将对话框组件实现为一个自定义元素134
创建对话框自定义元素134
实现对话框自定义元素的回调函数135
实现对话框自定义元素的API136
显示对话框137
总结137
第13章引入文档139
声明引入139
获取引入的内容140
获取文档141
应用样式142
获取模板143
执行JavaScript144
理解引入和主文档的关系144
解析引入145
跨域145
二级引入145
加载自定义元素145
引入对话框146
总结147
Ⅳ使用Polymer测试，构建，部署Web组件
第14章Polymer简介151
Polymer元素154
添加样式155
外部资源156
过滤表达式157
模板格式159
数据绑定159
循环块159
上下文绑定160
分支判断160
复合模板指令161
特性（attribute）和属性（peoperty）：元素的API161
原生特性162
公开属性162
实例方法163
Polymer的JavaScript API163
生命周期方法163
事件164
处理延迟工作165
总结165
第15章将对话框迁移至Polymer167
到底为什么要迁移到Polymer167
直接接口168
管理依赖169
使用Bower安装依赖170
让我们开始吧173
太简单了吧181
Polymer世界中的jQuery182
带来了什么182
移除jQuery183
关于jQuery的结论186
总结187
第16章测试Web组件189
PhantomJS1190
PhantomJS2190
SeleniumWebDriver191
Karma191
测试用例196
运行测试199
总结201
第17章打包和发布203
Vulcanize204
Gulp209
Grunt209
Gruntfiles211
GruntTasks212
注册任务213
Grunt配置214
使用Bower发布组件218
注册组件220
总结220
第18章结语221
往何处去221
Polymer222
MozillaX—Tag222
document—register—element223
WebComponentsorg223
CustomElementsio223
祝你好运224
索引225