新書推薦:
《
中国古代北方民族史丛书——东胡史
》
售價:NT$
576.0
《
巨人传(插图珍藏本)
》
售價:NT$
3289.0
《
地下(村上春树沙林毒气事件的长篇纪实)
》
售價:NT$
332.0
《
偿还:债务与财富的阴暗面
》
售價:NT$
347.0
《
清华大学藏战国竹简校释(壹):《命训》诸篇
》
售價:NT$
408.0
《
封建社会农民战争问题导论(光启文库)
》
售價:NT$
296.0
《
虚弱的反攻:开禧北伐
》
售價:NT$
429.0
《
泰山:一种中国信仰专论(法国汉学经典译丛)
》
售價:NT$
380.0
|
編輯推薦: |
Web组件仍然在技术的边缘——仅有***的浏览器才支持这项技术——Web组件的发展和变化也极为迅速。这本实践参考书籍帮助你理解 W3C这项新兴标准,教会你如何构建可重用的、自定义的HTML5 Web组件。
无论以往使用的是jQuery还是Polymer,又或是其他的库,这本书都可以教会JavaScript开发者,这些库背后对DOM的操作。你将学会,如何编写出一个基本的代码优雅的控件,然后将其转化为语义化、声明式、完全封装、开箱即用、可维护的Web组件,而Web必将受益于Web组件的特性,*终成为一个原生的应用平台。这本书将传授以下内容:
■ 理解核心概念(诸如文档流、定位、z-index 等等),以及实现定位、拖拽、移动大小
■ 探索UI的概念,以及Dojo、jQuery UI、Kendo UI和一些其他库中抽象出的典型模式
■ 深入理解W3C标准,将自己的控件转化为一个功能齐备的Web组件
■ 学习如何利用Google的Polymer框架封装、打包、部署你的Web组件
|
內容簡介: |
本书包含了构建常用JavaScript组件的基础知识,并通过实例带领你学习组件的概念化、设计和实施,后半部分则涵盖了封装、打包和部署的相关知识。无论你是缺乏组件使用经验的JavaScript开发人员,还是具有组件库的丰富使用经验、想创建出定制组件的前端开发人员,这本书都适合你阅读。
|
關於作者: |
Jarrod Overson在Web开发领域有15年以上的经验,曾在创业公司工作,也曾经供职于全球性的大公司。目前他在Shape Security工作。Jarrod 是开源社区和JavaScript语言工具的活跃贡献者和布道师,他创建了Plato和许多其他的工具和库。
Jason Strimpel是一名具有15年以上经验的软件工程师。目前,他供职于WalmartLabs,主要工作是编写软件,以支持 UI 应用的开发。Jason同样也活跃于开源社区,他维护着诸如 LazoJS 等框架。
|
目錄:
|
前言. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . i__eol__第 1 章 概述. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1__eol__什么是 Web 组件 2__eol__HTML 模板 3__eol__HTML 引用 3__eol__自定义元素 3__eol__Shadow DOM 3__eol__为什么使用 Web 组件 4__eol__I UI 核心概念__eol__第 2 章 基础知识 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9__eol__DOM 抽象层的重要性 9__eol__控件的 API 和生命周期 10__eol__继承模式 12__eol__依赖 13__eol__优化 14__eol__Web 组件不仅仅是 JavaScript 15__eol__示例控件 15__eol__Voltron 控件基类 16__eol__对话框类 18__eol__对话框的 CSS 和 HTML 19__eol__ix__eol__总结 20__eol__第 3 章 文档流与定位 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21__eol__文档流 21__eol__定位元素 22__eol__offsetParent 22__eol__定位 24__eol__计算元素的位置 26__eol__相对于视窗 27__eol__相对于文档 27__eol__定位对话框控件 28__eol__总结 29__eol__第 4 章 理解和操作 z-index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31__eol__z-index 究竟是什么? 31__eol__渲染层、堆叠次序与 z-index 32__eol__默认堆叠次序 32__eol__重写默认堆叠次序 33__eol__堆叠上下文 34__eol__堆叠上下文是怎么创建的? 34__eol__事情越来越复杂了 35__eol__管理 z-index 35__eol__创建对象管理 z-index 36__eol__转化为 jQuery 插件 43__eol__向对话框控件类添加 z-index 管理功能 45__eol__总结 45__eol__II 构建 UI__eol__第 5 章 克隆节点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49__eol__使用 cloneNode 方法 50__eol__使用 jQuery.clone 51__eol__对话框控件 53__eol__总结 53__eol__x | 目录__eol__第 6 章 创建浮层 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55__eol__定义 API 55__eol__工具 57__eol__检测滚动栏的宽度 57__eol__计算容器宽度时考虑滚动条 58__eol__获取元素尺寸和坐标 59__eol__监听尺寸改变事件和滚动事件 60__eol__更新选项 60__eol__销毁 61__eol__定位 61__eol__相对视窗或相对另一个元素定位 62__eol__相对另一个元素定位元素 64__eol__向对话框控件添加浮层功能 66__eol__总结 67__eol__第 7 章 拖动元素 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69__eol__鼠标事件 69__eol__$.mousemove 69__eol__$.mousedown 70__eol__$.mouseup 70__eol__鼠标事件的**实践 70__eol__1. 在 $.mousedown 事件中绑定 $.mousemove 事件 70__eol__2. 在 $.mouseup 事件中解除 $.mousemove 的绑定 71__eol__3. 将 $.mouseup 事件响应函数绑定到 上 71__eol__4. 命名所有事件 71__eol__定义 API 72__eol__创建拖拽柄 73__eol__拖动起来 73__eol__$.mousedown 响应函数 73__eol__$.mousemove 响应函数 74__eol__$.mouseup 事件响应函数 75__eol__销毁可拖拽实例 76__eol__使对话框控件可拖拽 77__eol__总结 78__eol__目录 | xi__eol__第 8 章 调整元素尺寸 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79__eol__鼠标事件和**实践 79__eol__事件 79__eol__**实践 80__eol__调整元素尺寸 80__eol__编写调整尺寸的 API 81__eol__拖拽尺寸调整柄区 82__eol__绑定鼠标事件 83__eol__$.mousedown 事件响应函数 83__eol__$.mousemove 事件响应函数 85__eol__$.mouseup 事件响应函数 85__eol__销毁工作 86__eol__完成调整尺寸功能 86__eol__使对话框控件可调整大小 91__eol__总结 92__eol__第 9 章 完成对话框控件 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93__eol__添加样式 93__eol__添加 CSS 93__eol__合并 JavaScript 文件 94__eol__总结 95__eol__III 构建 HTML5 Web 组件__eol__第 10 章 模板 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99__eol__理解模板的重要性 100__eol__延迟加载资源 101__eol__延迟渲染内容 101__eol__从 DOM 中隐藏内容 101__eol__创建和使用模板 101__eol__检测浏览器支持 101__eol__将模板放到标签中 102__eol__将模板内容插入到 DOM 中 102__eol__使用模板编写对话框组件 102__eol__创建和包装对话框模板 API 103__eol__xii | 目录__eol__实例化对话框组件 104__eol__抽象对话框模板包装 104__eol__总结 105__eol__第 11 章 Shadow DOM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .107__eol__什么是 Shadow DOM? 107__eol__Shadow DOM 基础概念 108__eol__Shadow 宿主 108__eol__Shadow 根元素 108__eol__在 Shadow DOM 中使用模板 109__eol__Shadow DOM 的样式 110__eol__样式封装 110__eol__为宿主元素添加样式 111__eol__在文档中设置 shadow 子树根节点样式 113__eol__内容映射 115__eol__通过 content 标签映射 116__eol__通过选择器映射内容 116__eol__节点分发和接入点 118__eol__Shadow 接入点 118__eol__事件与 Shadow DOM 120__eol__使用 Shadow DOM 更新对话框模板 121__eol__对话框标签 121__eol__对话框的 API 122__eol__更新对话框 show 方法 122__eol__初始化对话框实例 123__eol__总结 123__eol__第 12 章 自定义元素 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125__eol__自定义元素简介 126__eol__注册自定义元素
|
|