DOM и React Middle DOM на практике обновлено
Построение узлов без innerHTML
Условие
Построй <ul> со списком элементов. Текст вставляй безопасно - так, чтобы разметка внутри строки не исполнялась. Верни готовый ul.
Что проверяют тесты
строит список
не исполняет разметку из данных
Как подойти
Два отдельных пункта. Безопасность: innerHTML с пользовательскими данными - это XSS, textContent экранирует всё. Производительность: вставка N узлов по одному вызывает N перерасчётов, фрагмент делает одну вставку. Оба ответа ждут в связке.
Подсказки: 2
- textContent записывает строку как текст, innerHTML - как разметку.
- DocumentFragment позволяет собрать поддерево и вставить его одной операцией.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.