【每天一个小知识】前端如何呈现用户界面

概述

在看到 vercel 的 react 教程时，发现大佬们写的这个知识点真的清晰易懂，就拿出来分享给大家！

浏览器如何解释代码以创建(或渲染)用户界面 (UI)

当用户访问网页时，服务器会向浏览器返回一个 HTML 文件，该文件可能如下所示：
然后，浏览器读取 HTML 并构造文档对象模型 (DOM)。

什么是 DOM

DOM 是 HTML 元素的对象表示形式。它充当代码和用户界面之间的桥梁，并具有具有父子关系的树状结构。
我们可以使用 DOM 方法和 JavaScript 来侦听用户事件，并通过选择、添加、更新和删除用户界面中的特定元素来操作 DOM。DOM 操作不仅允许您针对特定元素，还可以更改它们的样式和内容。