前端中的各種概念

一些基本概念

• viewport: 展現網頁的媒體，比如視窗或者某個地區，它的大小是有限制的，為了不被平台術語所束縛，我們給他起名viewport，中文意思就是視口。
• canvas: 而我們在渲染網頁的時候通常並不知道我們需要多大的空間，而且這些空間通常尺寸會超過viewport的大小，於是實際上我們需要設想一個無限大的畫布來繪製我們的元素，我們把它稱為canvas。
• box: element（元素）和node(節點)是大家很熟悉的概念，當我們做布局計算的時候，通常會把節點變成box，一個節點可能產生多個box，虛擬元素也會產生box。
• render tree: 對應於dom樹，我們把box的內含項目關聯性構成的屬性結構成為渲染樹render tree