【Next.js 系列】從 JAVASCRIPT 到 REACT 1

渲染用戶界面

要了解 React 的工作原理，我們首先需要對瀏覽器如何解釋您的程式碼以建立互動式用戶介面 (UI) 有一個基本的了解。

當用戶訪問網頁時，服務器會向瀏覽器返回一個 HTML 文件，如下所示：

然後瀏覽器讀取 HTML 並建構文檔物件模型 (DOM：Document Object Model)。

DOM 是什麼？

DOM 是 HTML 元素的物件代表。 它充當您的程式碼和用戶界面之間的橋樑，並具有擁有父子關係的樹狀結構。

您可以使用 DOM 方法和程式語言（例如 JavaScript）來監聽用戶事件，並通過選擇、添加、更新和刪除用戶介面中的特定元素來操作 DOM。 DOM 操作不僅可以讓您定位特定元素，還可以更改它們的樣式和內容。

讓我們在下一節中介紹您可以如何使用 JavaScript 和 DOM 方法。