Belge Nesnesi Modelinin daha iyi anlaşılması

Question

Son zamanlarda bunu projemden birinde görmüştüm ve bu şeyin tam olarak anlaşıldığını düşünmüyorum. Bildiğim tek şey şu şekildedir:

-TAD, sayfanın geri kalanını engellemeye çalışan komut dosyalarını engeller.
-Html dosyaları ve diğer sayfa kaynak kodları ayrıştırılır ve DOM'a dönüştürülür; bunun için, incelediğinizde veya sayfa kaynağını görüntülediğinizde, kodun DOM biçimi sizi nasıl atacağınızdır.
-Ayrıca bir eğitici yardımıyla proje üzerinde DOM uygulamak mümkün oldu.

Şimdi sorularım şunlardır: DevTools'un DOM içinde

-is kodu?
-Does DOM bir sistemde güvenlik özellikleri ekler?
-Since DOM, web tarayıcısının düzen motorlarında yaygın bir şekilde uygulandı, DOM'ın başka bir avantajı da, sayfanın kodlarının geri kalanının engellenmesini engelleyen başka bir avantaj var mı?

Teşekkürler çocuklar.

Answer 1

DOM (Belge Nesne Modeli), belirli bir sistem/düğüm içindeki kod/nesne hiyerarşisiyle ilgilidir. Baş aşağı bir ağacın dallarının sembolüdür. Her zaman ebeveyn-çocuk-kardeş ilişkisine sahip olmak için farklı kod katmanlarını zorlar.

Başka bir kod bloğu içindeki herhangi bir kod, büyük bloğun alt öğesidir. Html için, html etiketi, tüm diğer etiketlerin üst öğesidir, ardından kafa ve ardından gövde etiketi gelir.

Görüntülenen tüm içerikler, gövde bölümünde, gördüğünüz ana sayfayı oluşturan bir bölümdür. Bölme etiketinden sonra ul/li/p/a etiketlerine sahipsiniz. Bazen aralık etiketi 'a' veya 'p' etiketleri için bir sarıcı olarak kullanılır.

'ul' etiketi, içinde bulunduğu div etiketinin bir alt öğesidir ve 'li' ve/veya 'p' etiketi 'ul' etiketinin bir alt öğesidir.
Sadece yayılma etiketi, nesneleri ve/veya metinleri satır içi tutma ihtiyacına bağlı olarak kullanıldığında yere göre değişir.

Mümkün olan en düşük alt çocuk (veya bir düğüm ağacındaki yaprak) ya bir 'p' etiketi ya da bir 'a' etiketidir.

'a' etiketinin içinde başka hiçbir etiket kullanılamaz.

Bir kardeş, ağaçta aynı seviyede bir etiket veya düğüm olarak değil, bitişik bir div veya ul veya li etiketinde belirtilir. İlişkileri gerekmedikçe, ilişkileri normal olarak tanımlanmamıştır.

Özet olarak, DOM, html/XML/SQL ve diğer yazılım sistemleri'da sipariş ve okunabilirliği sağlamak için kullanılır. Kendi başına iyi bir çalışma kodu garanti etmez, ancak tasarım aşamasında erkenden verimli çalışma kodu oluşturmanıza yardımcı olur.

Ayrıca, DOM'ın davranış şeklini atlayabilen veya değiştirebilen yeni kodlama işlevleri kullanılıyor. Bir mikro sunucu ve node.js içeren Angularjs ve MEAN, istemcinin web sayfasını bir fiili masaüstü uygulamasına çevirmeye çalışmaktadır, böylece sunucuya olan istek mümkün olduğunca az olur.

Bu yeni işlevler DOM modeliyle çelişmez, ancak bir sarıcı görevi görür, böylece bir web sayfasındaki eylem/düzenleme/hareket, ana sunucuyla bağlantı kurmak zorunda kalmadan anında görüntülenir.

Kullanıcı eyleminin olmadığı dönemlerde ana sunucuya bir güncelleme gönderilir, böylece web sitesi ve PC en azından yarı kalıcı olan değişiklikler açısından senkronize kalır.

Lütfen bu konularla ilgili olabildiğince fazla bilgi edinin, çünkü her yıl yeni bir şey eklenir.