КОД / УСТРОЙСТВО / РЕЗУЛЬТАТ
Разобрать веб
по деталям.
Как устроен селектор, что общего у двух текстов и откуда берётся рисунок дерева. Статьи, переводы, код и опыты из истории веба.
01 / ОТ ЗАПИСИ К ВЫБОРКЕ
Что выберет селектор?
document.querySelectorAll(
'ol > li:nth-child(odd)'
)- Введение · выбран
- Синтаксис
- Примеры · выбран
Современная демонстрация CSS-селектора по мотивам материалов JS Core.
Как querySelectorAll возвращает список →02 / РАЗОБРАТЬ ТЕКСТ
Насколько похожи два текста?
Шингл — несколько соседних слов. Сравниваем общие фрагменты, а не смысл.
Текст А: a b c d → ab · bc · cd
Текст Б: a b c e → ab · bc · ceВ объединении: ab · bc · cd · ce
ЖАККАР · 2 / 4 = 50%
03 / УВИДЕТЬ РЕЗУЛЬТАТ
Как создать текстуру дерева
Кольца, изгибы и волокна: меняем параметры и получаем изображение по формулам.
Результат браузерного генератора из статьи. Параметры и PNG доступны в самом опыте.
Открыть работающий генератор →ТРИ МАРШРУТА ПО АРХИВУ
От вопроса — к устройству.
Как связаны элементы?
Узлы, обход дерева и собственная библиотека JS Core.
DOM: child, parent, append →Насколько похожи тексты?
Шинглы, пересечение множеств и границы сравнения.
Текст как данные →Читать с учётом времени.
Этот архив начался в 2008 году. Версии браузеров, сервисы и советы о поиске отражают свою эпоху. В восстановленной версии отдельные практические объяснения уточнены; исходные даты и авторство сохранены.
Как читать архив →