Polymer 是在 Google I/O 2013 发布的一个新的 Web UI 框架。Polymer的核心原则是 “Everything is an element”。它是一款实用、基于事件驱动、封装性和互操作性强的 Web UI 开发框架。

在了解 Polymer 之前,如果你没有了解过 Web Components ,推荐去了解下 Web Components 规范。可以通过 [Web Components Wiki][0]了解,Polymer 用到的有 [Shadom Dom][1],[Custom Elements][2],[HTML Imports][3] 等 Web Components 技术。

### 安装 Polymer

Polymer 提供几种方式安装源码。

* Bower 安装,推荐使用此方法安装。如果您对bower不熟悉,可以自行Google了解。如果已经安装bower,可以使用命令直接安装:bower install –save Polymer/polymer
* 直接下载zip包,[zip下载地址][4]。
* GitHub Polymer源码,[Polymer链接][5]。

### 构建自己的 Polymer 应用

#### 创建一个 Polymer 元素

Polyer支持创建自定义元素,在外部看来就像其他的 DOM 元素,但是在内部,提供便利的数据绑定和其他丰富的功能,使用更加少的代码,构建复杂的应用。
创建一个新的 Polyer 元素,需要:

1. 引入 Polymer 核心组件,polymer.html
1. 使用声明自定义元素

下面例子,将创建一个名字为 my-element 的元素:


Polymer元素主要由俩部分构成,