首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

和 Polymer 一起加入 Web 组件革命(1)

和 Polymer 一起加入 Web 组件革命(1)

和所有广泛部署的技术一样,HTML 浏览器也面临着过时和边缘化的风险。由于网络化信息访问模式的变化和主流用户要求提供新的 UI                功能(有竞争力的替代技术层出不穷),浏览器厂商要想生存就必须求变。这种需求催生了 W3C Web                Components,这是一个数年前启动的社区标准计划,获得了所有现代浏览器厂商的支持。Web Components                包含几种规范草案,支持开发人员以可扩展和可维护的方式创建和共享可重用的自定义 HTML 元素(Web 组件)。
Web Components 规范W3C Web Components 标准的主要规范草案有:
查阅 developerWorks 上的   系列文章,以便获得更多相关信息。

  是一种拥有丰富工具、受到良好支持的跨平台开源库,它利用了新兴的 Web Components 标准。Polymer 的及时出现为渴望构建现代 Web                应用程序的开发人员带来了福音。目前,Web 应用程序设计趋向于单页面和高度交互式的应用程序。使用 Web                技术构建的混合型移动应用程序正在变成惯例而非特例。借助 Polymer,创建这两类应用程序比使用传统的 JavaScript DOM                操作库要简单得多。
使用 Polymer(和 Web Components 库)有两种方式:
  • 以消费者(consumer)身份: 使用 Web 组件构建自己的应用程序。
  • 以创建者(creator)的身份: 创建可重用的 Web 组件,用于自己的应用程序或进行共享。
通过一系列的示例,本指南向您介绍了 Polymer,并说明了如何使用和定制 Polymer Web 组件。(参见   部分,以便获取示例代码。)配套指南" " 分步介绍了如何在  ™ 中使用 Mobile                Cloud 样板文件创建用户自己的 Web 组件。
Polymer:一个跨平台的 Web 组件库 快速开始使用 Polymer 的三种方式通过三种方式可以开始使用 Polymer:
  • 最佳方式是使用 Bower 包管理器来安装 Polymer。这种方法允许只安装平台和您需要的平台组件。它还有助于让 Polymer                        保持及时更新。但 Bower 安装本身需要 npm,因此也需要 Node.js。
  • 解压缩代码发布包(包括 Polymer 库),将它放在 Web 服务器后并使用它。
  • 直接在 GitHub 库上查看 Polymer 代码。一般只有参与 Polymer 项目的开源开发人员才会使用这种方法。
有关的更多详细信息,请参阅 Polymer 项目网站上的   页面。

Polymer 是一个预编译库,其中包含的 Web 组件可用于构建应用程序或新的 Web 组件。Polymer 还包含行业标准的                polyfill,确保库的行为方式与所有现代浏览器相同。polyfill 是必不可少的,因为浏览器厂商仍然在积极实现 Web Components                标准的各个方面,并取得了各自的进展。
Polymer 是一家浏览器厂商通过调整自身产品,以求将来在 Web Components 大行其道的立足产物。Polymer 开发团队与核心浏览器                (Chrome) 开发团队开展了空前的合作,因此该浏览器的开发与这个库是紧密耦合的 — 确保经过所有核心的 Chrome                变化后,库依然能维持高性能水平并正常工作。在撰写本文之际,Polymer 正处于 “开发人员预览” 阶段。
图 1 显示了 Polymer 的高级结构。
图 1. Polymer 的高级结构目前,通过 Polymer 的平台,应用程序可以将 Web Components 用于多种浏览器,具体使用方法是包含                platform.js。Polymer 可保证针对包含各种水平的 Web Components                规范本地实现的浏览器、库和组件的使用效果完全相同。
“Polymer 可保证针对包含各种水平的 Web Components                    规范本地实现的浏览器、库和组件的使用效果完全相同。”

使用 Polymer 时,您对于 DOM、CSS 和 JavaScript 的了解和喜好都可以继续发挥作用。另外,通过使用 DOM、CSS 和                JavaScript,您现在可以创建可重用的自定义 HTML 组件,并在组件中完整封装 UI 部分或应用程序功能。
Polymer 能够在以下方面提供帮助:组件注册、生命周期管理、属性处理,但与 Web 组件部署相关的其他任务除外。Web                开发社区目前正在共享一个不断增长的公用组件开源库。对于使用别人创建的 Web 组件的开发人员,惟一需要了解的其他事情是一套要使用的新 HTML                标签。
返回列表