在dom-bind
上使用index.html
时:如果用户使用已禁用的javascript或慢速连接进行浏览,如何确保某些内容仍然可见,从而导致脚本加载速度变慢。
当然,可以在<template>
开始前放置内容。
就像这里一样,在<noscript>
:
<body>
<noscript>This is visible with JS disabled or slow internet connection.</noscript>
<template is="dom-bind">
This is not
<iron-pages selected="0">
<div>test1</div>
<div>test2></div>
<div>test3</div>
</iron-pages>
</template>
</body>
这对我来说是不可取的。最佳标准div
或文本应该仍然显示,因为它们根本不应该依赖于脚本来呈现。
我想保留数据绑定,这就是为什么dom-bind
方法( Polymer Start Kit 这样做)很好的原因。但是我发现在加载所有元素之前看不到任何内容是非常恼人的(因为JS被禁用或者互联网连接缓慢)。
答案 0 :(得分:0)
在元素中添加/删除一个类并从JS切换它。切换类后,使用CSS隐藏内容。
不喜欢unresolved
或直接使用unresolved
https://www.polymer-project.org/0.5/articles/styling-elements.html#preventing-fouc