Middle
Чӣ гуна иҷро кардани расмкашии вебсайт барои корбар?
sobes.tech AI
Ҷавоб аз AI
- Истифодкунанда URL-ро дар браузер ворид мекунад. Браузер дархости DNS-ро барои гирифтани суроғаи IP-и сервер мефиристад.
- Браузер пайвастагии TCP бо серверро барқарор мекунад. Одатан протоколи HTTP/S истифода мешавад.
- Браузер дархости HTTP ба сервер мефиристад. Документи HTML ва дигар захираҳо (CSS, JavaScript, тасвирҳо) талаб карда мешаванд.
- Сервер дархостиро коркард мекунад ва ҷавоби HTTP мефиристад. Ҷавоб дорои захираҳои талабшуда ва маълумоти дар бораи ҳолат аст.
- Браузер ҳуҷҷати HTML-ро мегирад. Тарзи таҳлили HTML оғоз мешавад.
- DOM (Document Object Model) эҷод мешавад. Дарختе аз объектҳо, ки сохтори HTML-ро намояндагӣ мекунад.
- Браузер дар HTML пайвандҳо ба захираҳои беруна (CSS, JavaScript, тасвирҳо) муайян мекунад. Дархостҳои иловагӣ барои гирифтани онҳо анҷом дода мешаванд.
- Браузер стилҳои CSS-ро мегирад. Таҳлили CSS оғоз мешавад.
- CSSOM (CSS Object Model) эҷод мешавад. Дарختе аз объектҳо, ки стилҳоро намояндагӣ мекунад.
- Дарахти Render эҷод мешавад. Иҷозатномаи DOM ва CSSOM. Он танҳо унсурҳои намоён ва стилҳояшонро дар бар мегирад.
- Layout (ё Reflow). Андозаҳои геометрӣ ва ҷойгиршавии ҳар як унсур дар саҳифа ҳисоб карда мешавад.
- Paint (ё Repaint). Унсурҳо мувофиқи стилҳояшон ва ҷойгиршавии онҳо дар экран ранг карда мешаванд.
- Композиция. Саҳифа қабат ба қабат барои намоиш ба корбар ҷамъ мешавад.
- Браузер файлҳои JavaScript-ро мегирад. Таҳлили коди JavaScript оғоз мешавад. JavaScript метавонад DOM ва CSSOM-ро тағир диҳад, ки ба ҳисоббарории нав барои Layout ва Paint оварда мерасонад.
- Намоиши саҳифа ба корбар. Ҳамчун захираҳо қабул мешаванд ва қадамҳо ба анҷом мерасанд, корбар мундариҷаи саҳифаро мебинад.