基本認識
阿新 • • 發佈：2020-10-12
1. HTML、 CSS、 JavaScript三者的關係
網頁主要由三部分組成： 結構（ Structure） 、 表現（ Presentation） 和行為（ Behavior） HTML —— 結構， 決定網頁的結構和內容（ “是什麼”） CSS —— 表現（ 樣式） ， 設定網頁的表現樣式（ “什麼樣子”） JavaScript（ JS） —— 行為， 控制網頁的行為（ “做什麼”）
2. 網頁渲染過程
瀏覽器渲染的過程主要包括以下五步：
1瀏覽器將獲取的HTML文件解析成DOM樹。
2處理CSS標記，構成層疊樣式表模型CSSOM(CSS Object Model)。
3將DOM和CSSOM合併為渲染樹(rendering tree)，代表一系列將被渲染的物件。
4渲染樹的每個元素包含的內容都是計算過的，它被稱之為佈局layout。瀏覽器使用一種流式處理的方法，只需要一次繪製操作就可以佈局所有的元素。
5將渲染樹的各個節點繪製到螢幕上，這一步被稱為繪製painting。
（come from ：[https://www.jianshu.com/p/e6252dc9be32]）
