Birisi 'Katman ağacını güncelle' eylemini hangi eylemleri tetiklediğimi anlamaya yardımcı olabilir mi? Ve 'katman ağacını güncelle' sayfa yükleme süresinde ne gibi bir etkiye sahiptir?Hangi eylemler 'Katman ağacını güncelle'yi tetikler?
cevap
Ben belirli bir CSS özelliği değiştirirseniz bu soruya cevap verir google mühendisleri (Paul ve Surma) bir çift tarafından oluşturulan bir araçtır" ne iş tarayıcı yapmak zorunda kalacak out https://csstriggers.com/
Kontrol? " Tarayıcı işi üç ana alana (düzen, boya ve kompozit) ayrılmıştır ve bu araç farklı tarayıcılarda hangi CSS özelliklerinin tetiklendiğini belirtir. Webkit ve Gecko tarafından bildirilen bilgilerle ilgili bazı sorunların olduğuna dikkat edin (bkz. GitHub'da this issue), ancak genel olarak bu harika bir kaynaktır.
Bu gibi bir araç, bilgi sağlayıcının kaynağı olmalıdır, çünkü tarayıcı satıcıları her zaman işleri en iyi duruma getirir ve geliştirici, geçmişte okuduğu statik bilgilere her zaman güvenemez.
Bu aracın verilerini nasıl aldığını merak ediyorsanız, source code ürününü ziyaret edebilirsiniz. Çeşitli tarayıcı motorlarına dokunmak için tam otomatik testlerden oluşan bir paket kullanır ve teorik olarak daima güncel olmalıdır.
Bu araç, Google geliştirici savunucuları tarafından önerildiği için, bunun hiç bir zaman bitmeyeceği muhtemel değildir, ancak bu durumda, her zaman yukarıda belirtilen kaynak koddan kendiniz oluşturabilirsiniz.
Düzen (ve katman ağaçları) güncellenirken ne kadar zaman harcanması gerektiği ile ilgili olarak, kolay bir yanıt yoktur. Uygulamanızda sahip olduğunuz DOM öğelerinin sayısı, her bir düzenin ne kadar sürdüğünü etkileyebilir. Ayrıca, düzen bilgilerini tekrar tekrar güncelleyip sorgulayarak "düzen eğimini" tetiklemek de mümkündür. Bu, tarayıcının bu adımda önemli ölçüde daha fazla zaman harcamasına neden olabilir. Belirli bir performans sorunundan endişe ediyorsanız, en iyi yaklaşım, tarayıcı performans araçlarını kullanarak kendi uygulamanızda gerçekte neler olup bittiğini ölçmektir.
- 1. katman
- 2. AuthorizeAttribute Eylemler
- 3. İkili Arama Ağacını sil
- 4. Sfenks TOC ağacını değiştirin
- 5. Xcode'taki düğmelere eylemler ekleme
- 6. Gerçek masalı eylemler
- 7. Koleksiyondan eylemler oluşturma
- 8. Raylar: Sadece özel eylemler
- 9. Trello API: eylemler nelerdir?
- 10. Wix Özel Eylemler -
- 11. değiştirmek yönetici eylemler
- 12. Dojo 'on', 'byId' olayından tetikler TypeError
- 13. boost.proto + İfade ağacını yerinde değiştir
- 14. Özellik ağacını dize ile hizalayın
- 15. Denetleyiciler ve Eylemler MVC Öznitelikleri
- 16. Kurucuda bazı eylemler nasıl eklenir?
- 17. Liste anlama pythonunda çoklu eylemler
- 18. Bağlama Listview Eylemler için SelectedItems
- 19. ASP.NET Çekirdek katman yazılımı veya OWIN ara katman yazılımı?
- 20. iş/hizmet katman tasarımı
- 21. Koşullu İç Katman
- 22. Çakıl Menüsü Katman Kazası
- 23. ücretsiz jquery katman kaydırıcısı?
- 24. N Katman Gelişiminde DDD Kavramları
- 25. RedO'da setTimeout ve dispatcher kullanarak periyodik eylemler nasıl tetiklenir
- 26. React bir bileşen oluşturma onClick olayını tetikler?
- 27. Neden cmp 0x84,0x30 taşma bayrağını tetikler?
- 28. Internet explorer'daki bilgi çubuğunu ne tetikler?
- 29. WebJob QueueTrigger nasıl tetikler, yoklama veya olay?
- 30. hoverIntent seçme elemanında 'çıkış' işlevini tetikler
@DonaldDuck Öncelikle bağlantıya dayalı bir cevabın normalde kötü bir biçim olduğunun farkındayım, ancak bu durumda cevap hareketli bir hedeftir ve bunu yansıtmak için gelişen bir araca bağlanıyordum. Bunu ele almak için ek bilgiler ekledim. –