求解答选择器中的 << 关系操作符用法

[jiuqianyuan]

@lisonge
A <<(a1,a2,a3,a_n) B : A 是 B 的子孙节点, 并且 A.order 满足 a_m-1, A.order 是深度优先先序遍历的索引 (搭配 quickFind 使用)

操作符<< 的这个order是什么属性，求解答，试了下好像并不与属性depth 等价

可在此快照中举例

[lisonge]

深度优先先序遍历参考 querySelectorAll

任意页面打开浏览器控制台运行 document.querySelectorAll('*') 会输出一个类数组， order 就是这个顺序，这个 order 并不重要

---

<< 一般情况不怎么使用，主要是 <<n 搭配 quickFind 使用

这个快照 https://i.gkd.li/import/13264779 就是一个很好的例子

这个目标节点 [id="com.byted.pangle.m:id/tt_splash_skip_btn"] 由于不是 quickFind 的，我们只能一个一个手动遍历得到，查询速度就慢

但是其祖先节点 [id="com.coolapk.market:id/ad_container"] 是可以 quickFind 的，如果是旧版本的规则最多只能写

matches:[ '[id="com.coolapk.market:id/ad_container"]' , '[id!=null][id="com.byted.pangle.m:id/tt_splash_skip_btn"]']

虽然可以使用 quickFind 但是最后一个选择器仍然需要遍历所有节点，只是减少了无用查询，但是查询速度并没有增加

但是如果使用

[id="com.byted.pangle.m:id/tt_splash_skip_btn"] <<n [id="com.coolapk.market:id/ad_container"]

搭配 quickFind 使用就直接一步到位能判断和查询到目标节点

使用 <<n + quickFind 就完全足够了，<<(1,2,3) 并不怎么使用

[jiuqianyuan]

明白了，
比如 [id="com.byted.pangle.m:id/tt_splash_skip_btn"] <<(a_m-1) [id="com.coolapk.market:id/ad_container"] ,
GKD会通过document.querySelectorAll('*')获得一个NodeList，里面包含该[id="com.coolapk.market:id/ad_container"]下所有节点，
(a_m-1)就是将该NodeList序列化后[id="com.byted.pangle.m:id/tt_splash_skip_btn"]的索引坐标

(白话文：展开[id="com.coolapk.market:id/ad_container"]下所有节点，从上往下数的顺序(a_m-1))

另：对操作符<<而言， quickFind是强制要求吗，还是只是搭配使用可让quickFind使用更灵活。如果不是强制要求，建议优化文档描述

[lisonge]

对操作符<<而言， quickFind是强制要求吗

不是，只是更适合上述场景，后续我修改一下