html – 聚合物预加载微调器_html-js-css

概述有时加载聚合物需要一段时间,而当使用< body unresolved>时,页面会保持空白,直到所有内容都准备就绪.有没有办法在提供页面的时间和聚合物完成其魔术的时间之间显示某些内容？描述未解析属性的 documentation清除了其中一些属性. 虽然将未解决的问题应用于< body>元素,导致整个页面的内容被隐藏,直到Polymer准备好,它可以应用于任何元素.例如,您可以使用< div u 有时加载聚合物需要一段时间,而当使用< body unresolved>时,页面会保持空白,直到所有内容都准备就绪.有没有办法在提供页面的时间和聚合物完成其魔术的时间之间显示某些内容？解决方法描述未解析属性的 documentation清除了其中一些属性.

虽然将未解决的问题应用于< body>元素,导致整个页面的内容被隐藏,直到polymer准备好,它可以应用于任何元素.例如,您可以使用< div unresolved>作为依赖于polymer的页面部分的包装器,并创建一个在该包装器外部的加载消息,该消息将立即可见. (然后你想要听取聚合物就绪事件并在触发时隐藏你的加载信息.)

下面是一个使用一种非常人为的方法来减缓polymer元素完成其生命周期方法(live demo)所需的时间的示例：

<!DOCTYPE HTML><HTML>  <head>    <Meta charset=utf-8 />    <Title>polymer Demo</Title>    <style>      .hIDden {        display: none;      }    </style>  </head>  <body>    <p ID="spinner">Loading...</p>    <script src="http://www.polymer-project.org/platform.Js"></script>    <link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.HTML">    <polymer-element name="slow-poke">      <template>        <h1><content></content></h1>      </template>      <script>        polymer({          // Used to introduce a delay in initializing the polymer element.          // Don't try this at home!          created: function() {            var start = Date.Now();            while (true) {              if (Date.Now() - start > 1000) {                break;              }            }          }        });      </script>    </polymer-element>    <div unresolved>      <slow-poke>Here I am... finally!</slow-poke>      <slow-poke>Me too!</slow-poke>    </div>    <script>      window.addEventListener('polymer-ready',function() {        document.querySelector('#spinner').classList.add('hIDden');      });    </script>  </body></HTML>

(顺便说一句,你发现什么是慢速加载？如果它是标准/核心元素,可能值得在GitHub上针对相应项目提交错误.)

总结

以上是内存溢出为你收集整理的html – 聚合物预加载微调器全部内容，希望文章能够帮你解决html – 聚合物预加载微调器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1109252.html

html – 聚合物预加载微调器

发表评论

评论列表（0条）