網頁生命週期概述

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3ca918b4-55e1-438d-9d55-b0d4712058dd/6p3s0001072sn907688n.jpg

在瀏覽器輸入Url時 (1)

瀏覽器會代表User向 Server 發出 request (2)

Server會處理 request,並response 由 html、css、js 產生的頁面 (3)

而瀏覽器接收到Server的 ressponse時,就是User使用 Web的開始 (4)

瀏覽器會啟動事件處理機制,並等待和處理 User的觸發的事件 (5)

User 開始使用 GUI,並產生事件 (6)

並行模型和事件循環


而在頁面建立的階段到底發生的什麼事?

此階段的標是將 Web UI 產生出來,讓User 可以操作

將分成兩個步驟進行:

  1. 解析HTML 並建立 DOM
  2. 執行Javascript

步驟1會在瀏覽器處理HTML節點的過程中執行,

步驟二會在HTML解析到一種特殊節點——腳本節點(包含或引用JavaScript代碼的節點)時執行。