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

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

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

　　“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
祝你好运
索引