未使用的FOUC和正文与嵌套模板一起使用

时间:2014-02-24 21:58:21

标签: polymer fouc

我使用Polymer.js创建了一个网站并广泛使用模板。

URL端点页面上的内容很少,并导入一个充当母版页的模板,并在每个页面上导入页眉,页脚等其他元素模板。

这允许非常快速的页面构建,我喜欢它的工作原理。 它有点像客户端CMS

但我似乎无法摆脱FOUC!页面闪烁不正。

身体尚未解决意味着工作,但其失败是悲惨的。 有人可以看看并提出建议。

这是git hub的根目录。 https://github.com/bmadmin/bm-www/tree/master/public/project/hempbuild

1 个答案:

答案 0 :(得分:7)

Polymer的FOUC预防使用unresolved属性,而不是类名: http://www.polymer-project.org/docs/polymer/styling.html#fouc-prevention

你试过这个吗?:

<body unresolved>
  <polymer-home></polymer-home>
</body>

我看到的另一个问题是你在聚合物家中使用<body>。但是,根据规范,<body>只能是<html>的孩子。浏览器会从您的元素中丢弃<body class="unresolved">