前言
第 1 章 概述
什么是 Web 组件
HTML 模板
HTML 引用
自定义元素
Shadow DOM
为什么使用 Web 组件
I UI 核心概念
第 2 章 基础知识
DOM 抽象层的重要性
控件的 API 和生命周期
继承模式
依赖
优化
Web 组件不仅仅是 JavaScript
示例控件
Voltron 控件基类
对话框类
对话框的 CSS 和 HTML
总结
第 3 章 文档流与定位
文档流
定位元素
offsetParent
定位
计算元素的位置
相对于视窗
相对于文档
定位对话框控件
总结
第 4 章 理解和操作 z-index
z-index 究竟是什么？
渲染层、堆叠次序与 z-index
默认堆叠次序
重写默认堆叠次序
堆叠上下文
堆叠上下文是怎么创建的？
事情越来越复杂了
管理 z-index
z-index管理者对象
转化为 jQuery 插件
向对话框控件类添加 z-index 管理功能
总结
II 构建 UI
第 5 章 克隆节点
使用 cloneNode 方法
使用 jQuery.clone
对话框控件
总结
第 6 章 创建浮层
定义 API
工具
检测滚动栏的宽度
……
第 7 章 拖动元素
第 8 章 调整元素尺寸
第 9 章 完成对话框控件
III 构建HTML5 Web组件
第 10 章 模板
第 11 章 Shadow DOM
第 12 章 自定义元素
第 13 章 引入文档
IV 使用Polymer测试、构建、部署Web组件
第 14 章 Polymer 简介
第 15 章 将对话框迁移至 Polymer
第 16 章 测试 Web 组件
第 17 章 打包和发布
第 18 章 结语
索引