写点什么

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

  • 2015-04-12
  • 本文字数:1314 字

    阅读完需:约 4 分钟

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

2015-04-12 06:052379
用户头像

发布了 428 篇内容, 共 199.3 次阅读, 收获喜欢 39 次。

关注

评论

发布
暂无评论
发现更多内容

华为云Flexus云服务器X实例部署Servas自托管书签管理工具

平平无奇爱好科技

【YashanDB知识库】YashanDB JDBC查询时抛出YAS-02094 current session has been killed or canceled异常

YashanDB

数据库 yashandb

有奖活动:pick 你最爱的 AI 项目!拿社区年度大奖!

RTE开发者社区

华为云Flexus云服务器X实例之openEuler系统下部署SQLite数据库浏览器sqlite-web

平平无奇爱好科技

华为云Flexus云服务器X实例之openEuler系统下部署dufs文件服务器

平平无奇爱好科技

【YashanDB知识库】使用Reverse索引的解决自增序列做索引,插入性能大幅提升

YashanDB

数据库 yashandb

ThreadLocal 为何能取代 Session?

王中阳Go

ThreadLocal session管理

高阶面经:Spring框架全析

王中阳Go

Java 框架 spring框架 spring aoc IOC面试题

云服务器Flexus X实例:开源项目LangChain部署,实例测试

平平无奇爱好科技

【YashanDB知识库】YashanDB JDBC驱动查询时抛出io fail:Read timed out异常

YashanDB

数据库 yashandb

华为云X实例监控与告警管理详解

平平无奇爱好科技

Flexus云服务器X实例部署宝塔运维面板

平平无奇爱好科技

基于华为云Flexus云服务器X实例快速搭建Halo博客平台

平平无奇爱好科技

【YashanDB知识库】YMP从达梦迁移到崖山,报错:不能识别文件路径,没找到csv文件

YashanDB

数据库 yashandb

NVIDIA 推出智能体构建工具 Agentic AI Blueprints;VITA-1.5:实时多模态交互,1.5 秒延迟

RTE开发者社区

征程 6X release版本内核模块安全加载

地平线开发者

自动驾驶; #算法 地平线征程6

海信116英寸RGB-Mini LED:一朵绽放在科技穹顶的中国花火

脑极体

AI

Apache Commons 3 比较对象三两事

FunTester

华为Flexus云服务器搭建Cloudreve私人网盘

平平无奇爱好科技

华为云Flexus X实例docker部署最新Appsmith社区版,搭建自己的低代码平台

平平无奇爱好科技

华为云Flexus云服务器X实例之openEuler系统下搭建GoAccess日志分析服务器 前言

平平无奇爱好科技

云服务器Flexus X实例:多智能体对话框架 AutoGen 部署和实例运行

平平无奇爱好科技

华为云 Flexus云服务器X实例-选购到创建宝塔

平平无奇爱好科技

云服务器Flexus X实例:RAG 开源项目 FastGPT 部署,玩转大模型

平平无奇爱好科技

关于低代码平台的安全性考量

伤感汤姆布利柏

【YashanDB知识库】YCM上CPU负载超过实际核数是怎么回事

YashanDB

数据库 yashandb

第82期 | GPTSecurity周报

云起无垠

AIGC GPT

Polymer 0.8带来了性能的提升,也包含破坏性的变更_开源_Abel Avram_InfoQ精选文章