Разница между Light DOM и Shadow DOM

Question

Я несколько раз наткнулся на эту вещь Light DOM, но не смог понять разницу с Shadow DOM. Если кто-то там может дать четкий ответ, это будет очень признательно.

Answer 1

Light DOM это просто простой старый DOM дерево внутри HTML-элемента.

Термин используется только в контексте компонентов, чтобы отличить его от Теневой DOM. Я полагаю, что нормальный DOM был переопределен как Light в отличие от Shadow.

The specs называют это узел дерева в shadowroot хозяина или светлое дерево:

тень корня всегда прикреплен к другому дереву узла через его хозяина. Поэтому теневое дерево никогда не бывает одиноким. Дерево узлов теневого корневого узла иногда называют световым деревом.

Я называю это нормально DOM :-)

---

Shadow DOM является добавленная DOM, что восстанавливает, маски или заменяет нормальный DOM, как описано в article from Google.

Визуализированное DOM может быть комбинацией Теневой DOM и Light DOM (через <slot> elemnets)

Примечание: это не возможно полностью polyfill поведение Shadow DOM в JavaScript, поэтому Shadow DOM polyfills на самом деле иметь дело только с обычными деревьями DOM.

Answer 2

Вы можете сказать, что дерево узел, на котором находится тень корня называется как светлое дерево, которое может быть Light DOM или другой Shadow DOM, а также.

Проверить эту записку в specification.

соответствующего светлого дерева тень дерева может быть сама тень дерева.