如何写出有效的聚合物元素

Question

我正在用聚合物写一个网站前端，但我发现有时它反应很慢，所以你能给我一些提高性能的常用技巧吗？

我有一些问题：

1. 显示/隐藏某些字段时，哪个更好：<... hidden?= "{{property}}"> vs <template if = "{{property}}">;？

2. 我可以取消绑定某些默认事件吗？例如，我有一个块<span>{{name}}</span>，this.name一旦设置就不会更改，我可以取消绑定与之相关的所有事件以提高性能吗？

3. 在滚动到窗口之前，某些字段是否会被渲染？

4. 建议聚合物元素中有一个块：<div id = 'container'></div>，其中的内容将由用户的交互生成。当我设置this.$.container.innerHTML = '<some-other-polymer-element></some-other-polymer-element>'时，我收到了一个警告：＆＃34;绑定在......＆＃34;之前，它渲染速度很慢，但使用<template repeat>会附加太多事件，＆＃＆ 39;更好的方式？

非常感谢~~

Answer 1

1）<template if="...">速度较慢，因为它需要删除/添加节点，但是如果你有大部分的DOM显示隐藏而你不经常这样做，那么它可能是有利的，因为DOM变成了小。

2）您可以使用一次性绑定[[ ... ]]代替{{...}}

3）您必须自己编写代码<template if="...">或类似的

4）它取决于/不足够的信息