CCS Nesting: правила вложения CSS-селекторов теперь поддерживаются в Chrome 112
Концепция вложенности CSS аналогична концепции вложенности HTML, где элементы помещаются внутри других элементов, создавая отношение родитель-потомок. В CSS селекторы также могут быть вложены друг в друга, чтобы выбирать конкретные элементы внутри родительского элемента.
Читать статью
Концепция вложенности CSS аналогична концепции вложенности HTML, где элементы помещаются внутри других элементов, создавая отношение родитель-потомок. В CSS селекторы также могут быть вложены друг в друга, чтобы выбирать конкретные элементы внутри родительского элемента.
Читать статью
👍9
Numeric Separators в JavaScript: улучшение читаемости кода
Numeric Separators - это новая функциональность, введенная в язык программирования JavaScript в ECMAScript 2021, которая позволяет разделять цифры числа с помощью символов подчеркивания для улучшения читаемости кода.
https://frontend-spectre.ru/details/16908
Numeric Separators - это новая функциональность, введенная в язык программирования JavaScript в ECMAScript 2021, которая позволяет разделять цифры числа с помощью символов подчеркивания для улучшения читаемости кода.
https://frontend-spectre.ru/details/16908
👍8🔥2
Больше контроля над селектором :nth-child() с помощью синтаксиса S
С помощью селектора псевдокласса :nth-child() можно выбирать элементы в DOM по их индексу. Используя микросинтаксис An+B, вы получаете тонкий контроль над тем, какие элементы вы хотите выбрать.
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().
С помощью селектора псевдокласса :nth-child() можно выбирать элементы в DOM по их индексу. Используя микросинтаксис An+B, вы получаете тонкий контроль над тем, какие элементы вы хотите выбрать.
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().
:nth-child(An+B [of S]?)https://frontend-spectre.ru/details/16997
:nth-last-child(An+B [of S]?)
👍4
JavaScript | Практика #171 | ★★★☆☆
Какой будет результат выполнения следующего кода на JavaScript, и какие будут значения a, b, c, и d после выполнения?
Какой будет результат выполнения следующего кода на JavaScript, и какие будут значения a, b, c, и d после выполнения?
Anonymous Quiz
29%
a = 12, b = 10, c = 12, d = 12
26%
a = 12, b = 11, c = 12, d = 13
35%
a = 12, b = 10, c = 13, d = 13
10%
a = 12, b = 11, c = 12, d = 13
👍6
AbortController в JavaScript: возможность отмены операций для более отзывчивых приложений
AbortController - это новая функциональность, которая была введена в JavaScript вместе с API Fetch в стандарте ECMAScript 2017. Этот объект предоставляет возможность отмены HTTP запроса или другой операции, которая может занять много времени.
https://frontend-spectre.ru/details/17056
AbortController - это новая функциональность, которая была введена в JavaScript вместе с API Fetch в стандарте ECMAScript 2017. Этот объект предоставляет возможность отмены HTTP запроса или другой операции, которая может занять много времени.
https://frontend-spectre.ru/details/17056
👍4
JavaScript | Практика #172 | ★★☆☆☆
Anonymous Quiz
62%
['🍕', '🍫', '🥑', '🍔']
18%
['🍝', '🍫', '🥑', '🍔']
8%
['🍝', '🍕', '🍫', '🥑', '🍔']
13%
ReferenceError
👍5
CSS | Практика #15 | ★★★☆☆
В этом примере, в соответствии с правилами каскада и специфичности, какого цвета будет ссылка?
В этом примере, в соответствии с правилами каскада и специфичности, какого цвета будет ссылка?
Anonymous Quiz
16%
green
29%
yellow
24%
blue
31%
red
👍15
Web Share API в JavaScript
Web Share API - это API, которое позволяет веб-приложениям предоставлять пользователю возможность быстро и просто поделиться содержимым на своих устройствах, включая мобильные устройства.
https://frontend-spectre.ru/details/17271
Web Share API - это API, которое позволяет веб-приложениям предоставлять пользователю возможность быстро и просто поделиться содержимым на своих устройствах, включая мобильные устройства.
https://frontend-spectre.ru/details/17271
👍4
JavaScript | Практика #173 | ★★★☆☆
Что будет в консоли?
Что будет в консоли?
Anonymous Quiz
6%
Vuong
42%
hello
19%
undefined
32%
ReferenceError
👍4
Наследование объектов в JavaScript: Object.create, Object.getPrototypeOf и Object.setPrototypeOf
В JavaScript объекты являются основой всего языка, и понимание их работы является важной частью владения языком. В этой статье мы рассмотрим три метода объекта - Object.create, Object.getPrototypeOf и Object.setPrototypeOf, которые позволяют управлять наследованием объектов.
https://frontend-spectre.ru/details/17329
В JavaScript объекты являются основой всего языка, и понимание их работы является важной частью владения языком. В этой статье мы рассмотрим три метода объекта - Object.create, Object.getPrototypeOf и Object.setPrototypeOf, которые позволяют управлять наследованием объектов.
https://frontend-spectre.ru/details/17329
👍4
JavaScript | Практика #174 | ★★★☆☆
Что будет в консоли?
Что будет в консоли?
Anonymous Quiz
26%
"f,o,o"
32%
["f", "o", "o"]
22%
TypeError
20%
[][]["f", "o", "o"]
👍4🤯1
Делегирование событий в JavaScript
Делегирование событий является важной техникой программирования на JavaScript, которая позволяет уменьшить количество обработчиков событий на странице и повысить производительность.
https://frontend-spectre.ru/details/17399
Делегирование событий является важной техникой программирования на JavaScript, которая позволяет уменьшить количество обработчиков событий на странице и повысить производительность.
https://frontend-spectre.ru/details/17399
👍4
Основные воркеры JavaScript: Dedicated Worker
Dedicated Worker - это воркер в JavaScript, который работает только с одним скриптом и не может использоваться другими скриптами на странице. Это означает, что Dedicated Worker выполняет задачи в отдельном потоке, отличном от основного потока выполнения, что позволяет увеличить производительность веб-приложений и предотвратить блокировку пользовательского интерфейса.
https://frontend-spectre.ru/details/17492
Dedicated Worker - это воркер в JavaScript, который работает только с одним скриптом и не может использоваться другими скриптами на странице. Это означает, что Dedicated Worker выполняет задачи в отдельном потоке, отличном от основного потока выполнения, что позволяет увеличить производительность веб-приложений и предотвратить блокировку пользовательского интерфейса.
https://frontend-spectre.ru/details/17492
👍4
Основные воркеры JavaScript: Shared Worker
Shared Worker в JavaScript - это мощный инструмент, который позволяет множеству вкладок в браузере использовать общий поток выполнения. Это позволяет эффективно использовать ресурсы компьютера и создавать многопоточные приложения веб-страниц.
https://frontend-spectre.ru/details/17531
Shared Worker в JavaScript - это мощный инструмент, который позволяет множеству вкладок в браузере использовать общий поток выполнения. Это позволяет эффективно использовать ресурсы компьютера и создавать многопоточные приложения веб-страниц.
https://frontend-spectre.ru/details/17531
👍4