1 Penyemak imbas mula menghuraikan fail HTML sasaran, dan susunan aliran pelaksanaan adalah dari atas ke bawah. 2. Penghurai HTML menukar struktur HTML kepada DOM asas (Model Objek Dokumen Selepas pepohon DOM dibina, peristiwa DomContendLoaded). 3. Penghurai CSS menghuraikan CSS ke dalam CSSOM (Model Objek Lembaran Gaya Cascading), pokok yang mengandungi maklumat gaya sahaja. 4. CSSOM dan DOM mula bergabung untuk membentuk pepohon rendering, dan setiap nod mula mengandungi maklumat gaya tertentu. 5 Kira maklumat kedudukan setiap nod dalam pepohon pemaparan, iaitu peringkat susun atur. 6. Paparkan pokok rendering yang dibentangkan pada antara muka.
DOMContentLoaded akan dicetuskan apabila dokumen HTML awal telah selesai dimuatkan dan dihuraikan, tanpa menunggu lembaran gaya, imej dan subbingkai dimuatkan sepenuhnya. Rujukan: https://developer.mozilla.org...
1 Penyemak imbas mula menghuraikan fail HTML sasaran, dan susunan aliran pelaksanaan adalah dari atas ke bawah.
2. Penghurai HTML menukar struktur HTML kepada DOM asas (Model Objek Dokumen Selepas pepohon DOM dibina, peristiwa DomContendLoaded).
3. Penghurai CSS menghuraikan CSS ke dalam CSSOM (Model Objek Lembaran Gaya Cascading), pokok yang mengandungi maklumat gaya sahaja.
4. CSSOM dan DOM mula bergabung untuk membentuk pepohon rendering, dan setiap nod mula mengandungi maklumat gaya tertentu.
5 Kira maklumat kedudukan setiap nod dalam pepohon pemaparan, iaitu peringkat susun atur.
6. Paparkan pokok rendering yang dibentangkan pada antara muka.
domcontentloaded
sendiri ialah apabila tag HTML telah selesai memuatkan dan menghuraikan, tidak perlu menunggu helaian gaya.Kaedah pautan memuatkan css pada masa yang sama dengan halaman web dimuatkan
Acara
DOMContentLoaded akan dicetuskan apabila dokumen HTML awal telah selesai dimuatkan dan dihuraikan, tanpa menunggu lembaran gaya, imej dan subbingkai dimuatkan sepenuhnya.
Rujukan: https://developer.mozilla.org...
Pertama sekali,
css
下载不会阻塞网页渲染,一个网页由html
和资源资源组成,其他资源的下载不会影响到html
muat turun fail itu sendiri adalah serentak.DOM dan CSSOM ialah struktur data bebas
Rujukan: https://developers.google.com...