Bazen yüklemek için polimer için bir süre alır ve <body unresolved>
kullanmak herşeyi hazır olana kadar, sayfa boş kalır. sayfa yayınlandığı zaman arasında bir şeyler göstermek için bir yol ve polimer sihrini yapıyor yapıldığını zaman var mı? unresolved
niteliğini açıklarPolimer preload spinner
cevap
documentation bu bazılarını temizler. o Polimer hazır olana kadar gizlenmesine sayfanızın içeriğinin tamamını neden <body>
elemana unresolved
uygulamak için ortak olsa da
, herhangi bir eleman (lar) uygulanabilir. Sen, mesela, Polymer dayanır sayfanızın bölümünün etrafında sarıcı olarak <div unresolved>
kullanın ve hemen görünür olacağı sarmalayıcı dışındaki bir yükleme mesajı oluşturabilir. (Daha sonra polymer-ready
olayını dinlemek ve bu işlem tetiklendiğinde yükleme iletinizi gizlemek istersiniz.)
Polymer öğesinin bir tanesini tamamlaması için gereken süreyi yavaşlatmak için çok karmaşık bir yöntemden bir örnek aşağıda verilmiştir. yaşam döngüsü yöntemleri (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>
(bu arada, bu bir standart/çekirdek elemanı varsa, o GitHub'dan karşılık gelen proje hakkında hata dosyalama değer olabilir yavaş yükleme olmaya bulmakta ne?.)
- 1. Spinner: Spinner boyutunu küçültme
- 2. Spinner
- 3. {$ C PRELOAD} yönergesinin anlamı nedir?
- 4. Polimer
- 5. spinner açılır
- 6. layout_weight spinner
- 7. kullanılarak polimer
- 8. android stüdyosunda bir spinner listesi başka bir spinner listesine bağlanması
- 9. Farklı bir spinner
- 10. Android spinner ayırıcı rengi
- 11. Android dizi spinner
- 12. Android tercihleri spinner
- 13. Android Spinner Gravity Çalışmıyor
- 14. İyonik Spinner görünmüyor
- 15. Android Spinner Düzen/Tasarım
- 16. Spinner Küçük Boy
- 17. Spinner Açılır Ok
- 18. TextInputLayout ve Spinner
- 19. Kivy Spinner İndeksini Alma
- 20. Android: iki Spinner onItemSelected()
- 21. Spinner Standart Tema
- 22. Spinner ile SimpleAdapter Kullanımı
- 23. Polimer: İç kısımdaki elemanlar ile polimer elemanını doğru şekilde çıkarın.
- 24. Polimer, sayfa.js'deki URL parametrelerini polimer elemanına nasıl alırsınız?
- 25. polimer ajax tepkisini
- 26. Polimer ve TypeScript
- 27. Minimal çalışma Polimer örneği
- 28. Polimer genel değişkenleri
- 29. Polimer giriş değişikliği olayı
- 30. Özel polimer öğesi