是否有一种通用或更好的方法来实现聚合物的渐进增强?

时间:2016-12-28 17:09:18

标签: polymer polymer-1.0 progressive-web-apps

我在Polymer elmenent的github之一创建了一个问题,但是我想检查一下我所描述的问题是否已经有了一个共同的方法?基本上能够提供几乎即时的内容,然后当Polymer和它的相关元素加载时,将内容移动到元素中以获得元素提供的额外铃声和口哨声?

2 个答案:

答案 0 :(得分:1)

处理“加载白页”或“无格式内容闪现”的常见“聚合方式”是:

  1. Build a splash screen
  2. Use the :unresolved CSS selector to style a dummy version of the element
  3. 这两者都非常通用,因此如果您有特殊需求,可能需要构建某种自定义解决方案。

答案 1 :(得分:1)

大多数情况下,我构建了我的"内容切换器"在该元素准备就绪时,加载和显示内容的工作是什么,直到那时我的CMS将把实际内容放在这个元素中,所以浏览器可以渲染它并用一点css我可以模仿它就像它一样#sa;全力以赴。

有一个很好的例子,由Surma和Paul创建: https://github.com/GoogleChrome/ui-element-samples/tree/gh-pages/server-side-rendering

概念是您将所需内容放入DOM中,如果您可以使用渐进式增强或javascript,则将其替换为自定义元素,并通过普通链接使用AJAX加载内容。