Sobes.tech
Middle

Чӣ гуна иҷро кардани расмкашии вебсайт барои корбар?

sobes.tech AI

Ҷавоб аз AI

  1. Истифодкунанда URL-ро дар браузер ворид мекунад. Браузер дархости DNS-ро барои гирифтани суроғаи IP-и сервер мефиристад.
  2. Браузер пайвастагии TCP бо серверро барқарор мекунад. Одатан протоколи HTTP/S истифода мешавад.
  3. Браузер дархости HTTP ба сервер мефиристад. Документи HTML ва дигар захираҳо (CSS, JavaScript, тасвирҳо) талаб карда мешаванд.
  4. Сервер дархостиро коркард мекунад ва ҷавоби HTTP мефиристад. Ҷавоб дорои захираҳои талабшуда ва маълумоти дар бораи ҳолат аст.
  5. Браузер ҳуҷҷати HTML-ро мегирад. Тарзи таҳлили HTML оғоз мешавад.
  6. DOM (Document Object Model) эҷод мешавад. Дарختе аз объектҳо, ки сохтори HTML-ро намояндагӣ мекунад.
  7. Браузер дар HTML пайвандҳо ба захираҳои беруна (CSS, JavaScript, тасвирҳо) муайян мекунад. Дархостҳои иловагӣ барои гирифтани онҳо анҷом дода мешаванд.
  8. Браузер стилҳои CSS-ро мегирад. Таҳлили CSS оғоз мешавад.
  9. CSSOM (CSS Object Model) эҷод мешавад. Дарختе аз объектҳо, ки стилҳоро намояндагӣ мекунад.
  10. Дарахти Render эҷод мешавад. Иҷозатномаи DOM ва CSSOM. Он танҳо унсурҳои намоён ва стилҳояшонро дар бар мегирад.
  11. Layout (ё Reflow). Андозаҳои геометрӣ ва ҷойгиршавии ҳар як унсур дар саҳифа ҳисоб карда мешавад.
  12. Paint (ё Repaint). Унсурҳо мувофиқи стилҳояшон ва ҷойгиршавии онҳо дар экран ранг карда мешаванд.
  13. Композиция. Саҳифа қабат ба қабат барои намоиш ба корбар ҷамъ мешавад.
  14. Браузер файлҳои JavaScript-ро мегирад. Таҳлили коди JavaScript оғоз мешавад. JavaScript метавонад DOM ва CSSOM-ро тағир диҳад, ки ба ҳисоббарории нав барои Layout ва Paint оварда мерасонад.
  15. Намоиши саҳифа ба корбар. Ҳамчун захираҳо қабул мешаванд ва қадамҳо ба анҷом мерасанд, корбар мундариҷаи саҳифаро мебинад.