转载

Polymer 0.8带来了性能的提升，也包含破坏性的变更

Polymer团队推出了 Polymer 0.8的alpha 版本，其中包含了“建议包括在1.0版本中的API”，但同时它“与0.5版本中的API不相兼容”，存在着许多破坏性的变更。这个类库的新版本在文件尺寸和性能方面都得到了优化，而它的特性还没有全部完成。

Polymer 0.8中包含了一个 Shady DOM 特性，这是它自己实现的一套Shadow DOM的polyfill，最初是由 webcomponents.js 所提供的。因此用户可以选择导入这个更小的 webcomponents-lite.js 文件，Shady DOM“对速度进行了优化“，并且希望避免“shadow DOM这个polyfill所带来的复杂性、庞大尺寸、性能缺失以及侵入性。”

新版本中不再使用 polymer-element 标记，而是用 dom-module 标记取而代之，正如以下代码片段所表现的一样，它的作用是定义并注册某个元素：

<dom-module id="hello-world">   <style>     div { color: red }    </style>   <template>     <div>Hello World!</div>   </template> </dom-module>  <script>   Polymer({is: "hello-world"}); </script>

原本在模板中的样式也被转移到模板之外了，正如以上示例所显示的一样。

Polymer 0.8使用了一个单一属性集合的对象，以定义属性的观察者和计算属性。无论是否出现在属性对象中的所有属性都可以与数据进行绑定。由于使用了生成的属性访问器，因此数据绑定系统变得更易于使用，而调试也变得更简单和快速。在属性对象中的值域中定义了默认值，可以选择直接提供某个数值，也可以选择调用某个函数以返回数值。

Polymer({   is: "my-component",   properties: {     observed: {       type: Number,       value: 100,       observer: 'observedChanged'     },     product: {       computed: 'multiply(x,y)'     }   } });

要了解所有破坏性变更的完整列表，推荐阅读一下迁移指南中的内容。要重点指出的是，0.5版本中的元素尚未完成移植，但在最终版本中会确定将所有元素移植。而关于对0.5版本未来的支持，该团队是这样说的：

我们已经意识到目前有许多项目依赖于0.5版本中的功能，而且在所有的元素都完成移植之前，这些项目无法转而使用0.8版本。我们将持续关注新的pull request并进行合并，直至所有元素都完成移植为止。但是，我们目标是将0.8版本作为新的基准，全力打造这个高性能、适用于生产线上的新版本。如果0.5版本还有任何增量发布，只要有必要，我们都会通过一个新的分支发布该功能。

根据团队的基准测试结果来看，Polymer 0.8的启动时间快了4至8倍，在Chrome上也是如此。它的资源占用也有明显减少。如果想要深入了解0.8版中的新特性，推荐你阅读一下开发者指南。

有大量的的新特性是针对Polymer 1.0版本而开发的，这些特性中有许多还无法运行，或只能部分运行，包括：内容体安全策略、支持手势、更好的Shady DOM表现、跨scope的样式、更多的模板特性、数据绑定调试工具、基准测试等等。在0.8版本中已经支持了HTML元素的继承，但对于扩展自定义元素的支持则推迟到了1.1版本，原因在于“由于我们在0.8版本中进行了一些性能方面的改进，变相造成了这一功能在新版本中的实现比起在0.5版本中要面临更大的困难。”

查看英文原文： Polymer 0.8 Comes with Performance Improvements and Breaking Changes

正文到此结束