怎么有效的從種子合集seed里面找到選擇器指定的元素？這里sizzle引入了過濾器，其原理如下：
function addCombinator(elems) {
//代碼右圖所示
}
這里只做了2層過濾查找，但是這個(gè)原理其實(shí)就很明了從右到左取出對應(yīng)的條件，然后通過瀏覽器給出的原生的API判斷是否能取到對應(yīng)的指判斷從而篩選其結(jié)果。
過濾處理我們需要考慮的問題:
1 怎么有效的匹配這些選擇器的最小判斷單元，也就是通過詞法分割出后的結(jié)果 2 如果處理層級選擇器的判斷問題
如上可見，過濾是通過一層一層往上回溯不斷的循環(huán)去查找，這樣雖然結(jié)果可以拿到，但是效率是非常低的。所以sizzle從1.8后采用了空間換時(shí)間的方式，通過把各種過濾器編譯成閉包的函數(shù)，所以這個(gè)過程也可說是"編譯函數(shù)"。
在Sizzle中過濾器 Expr.filter主要分6大類型
“ID”，“TAG”、“CLASS”、“ATTR”、“CHILD”、“PSEUDO”
ID的過濾器
Expr.filter["ID"] = function(id) {
var attrId = id.replace(runescape, funescape);
return function(elem) {
return elem.getAttribute("id") === attrId;
};
};
TAG類型的過濾器
"TAG": function(nodeNameSelector) {
var nodeName = nodeNameSelector.replace(runescape, funescape).toLowerCase();
return nodeNameSelector === "*" ?
function() {
return true;
} :
function(elem) {
return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
};
},
其實(shí)我們看過濾器的就是一個(gè)具體的判斷方法，通過傳遞一個(gè)上下文元素，來判斷是否存在，得到這一個(gè)布爾值，這樣有效了緩存了重復(fù)的處理，來節(jié)約判斷的過程，下章節(jié)就會提到的“函數(shù)編譯”中具體集合使用。
請驗(yàn)證，完成請求
由于請求次數(shù)過多，請先驗(yàn)證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)