瀏覽器加載解析以及渲染的過程。
瀏覽器獲取一個HTML的文件時,會按照自上向下的順序進行解析,並在加載過程中進行渲染。
對html解析成DOM樹,對CSS 解析成CSS Rule樹,然後通過DOM樹以及CSS Rule樹構造Rendering樹
Facet是什麼?有哪些的使用場景呢?
Facet 可以理解成一個佔位符,這個佔位符用於對父組件的指定的部分進行重新渲染。 很多組件都有默認的渲染,如果默認的渲染的結果不是你想要得到的結果,可以使用facet進行重新的渲染。通過Facet對默認組件進行重新渲染,從而生成你想要的Rendering樹,展示你想要的自定義的UI。
Facet既可以使用在lightning中,也可以使用到classic中。
Facet在classic中使用 apex:facet 組件,在lightning中使用Aura.Component
classic中Facet可以搭配的常用的父組件有:
apex:dataTable /apex:actionStatus / apex:column / apex:relatedList 等,不同的組件支持的不同的自定義元素位置不同
在HTML5出現之前使用JavaScript查找DOM元素,有以下三種原生的方法:
- getElementById:根據指定元素的id屬性返回元素
- getElementsByName:返回所有指定name屬性的元素
- getElementsByTagName:返回所有指定標籤的元素
HTML5新增的選擇器,方法有兩種:
- querySelector:根據選擇器規則返回第一個符合要求的元素
- querySelectorAll:根據選擇器規則返回所有符合要求的元素