Тема: Devtools

Статья

Как работает браузер: парсинг, DOM, CSSOM, рендер, композитинг

Полный путь от URL до пикселя: процессы браузера, парсинг HTML и CSS, style, layout, paint, композитинг, event loop и бюджет кадра — и как всё это измерять.

#frontend#браузер#рендеринг

Статья

DOM и события: работа с деревом, делегирование, всплытие, наблюдатели

DOM как API, а не как разметка: живые и статические коллекции, батчинг мутаций, layout thrashing, три фазы события, делегирование, кастомные события, четыре наблюдателя и …

#frontend#dom#события

Статья

Каждый раз при разработке с Reference-ом мы пытаемся мысленно разбить веб-сай…

Каждый раз при разработке с Reference-ом мы пытаемся мысленно разбить веб-сайт на слои, но что, если эта утилита всегда была под рукой? Лет 6 назад в DevTools …

#medium#development#web