javascript - 共享自定义元素创建性能

标签 javascript dom polymer web-component custom-element

Polymer 文档建议使用自定义元素来共享一些静态数据,例如配置。类似 <app-settings>

我想知道从性能的 Angular 来看这是否是最佳的。每当使用此类非视觉元素时,都必须创建它。简单地以全局变量或(AMD/requirejs)模块的形式共享设置不是更好吗?

对于像 <iron-ajax> 这样的纯功能标签也是如此。 。如果我将许多自定义元素放入自定义元素中,与简单地使用一些现有的 XHR 库相比,是否会影响性能?

最佳答案

从性能 Angular 来看这不是最佳选择。

自定义元素的创建速度很慢(使用polyfill时甚至更慢)。

我认为非视觉对象不会成为自定义元素。

你是对的,一个简单的对象可以更好地完成这项工作。不要聚合:-)

http://jsperf.com/new-vs-create-element/3

关于javascript - 共享自定义元素创建性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31897234/

相关文章:

javascript - 页面加载后仅重新加载一个(切换)文件

javascript - Siema carousel 无法工作 我已将文件添加到我的 wp-includes

javascript - 如何仅通过 html 代码禁用特定页面的保存书签功能?

javascript - 重定向后获取实际图像 url

javascript - 从具有不同域的 iframe 内部进行 AJAX 调用

jquery - 在 jquery 中包装非子元素

javascript - 裁剪时图像居中问题

dom - 你能在 node.js 中操作 XML/HTML 文档吗?

javascript - 如何使用 dom-repeat 内的纸张复选框以不同方式在对话框和控制台上显示对象数组的值

javascript - `HTMLImports.whenReady` 和 `window.addEventListener(' WebComponentsReady 有什么区别', function(e) {`