Top Level await в JavaScript: упрощение написания асинхронного кода
Top Level await (TLA) является новшеством в мире JavaScript, которое было добавлено в стандарт ECMAScript 2022. Это ключевое слово позволяет использовать оператор await в глобальной области видимости, что упрощает написание асинхронного кода и уменьшает количество лишних оберток функций. Ранее await мог использоваться только внутри функций, помеченных как async.
Читать статью
Top Level await (TLA) является новшеством в мире JavaScript, которое было добавлено в стандарт ECMAScript 2022. Это ключевое слово позволяет использовать оператор await в глобальной области видимости, что упрощает написание асинхронного кода и уменьшает количество лишних оберток функций. Ранее await мог использоваться только внутри функций, помеченных как async.
Читать статью
👍7
CSS Logical Properties: создание адаптивных и гибких веб-страниц
Новый способ определения стилей элементов веб-страницы, который вместо использования физических свойств, таких как top, left, right и bottom, использует логические свойства, такие как inline-start, inline-end, block-start и block-end.
Эти свойства особенно полезны для создания адаптивных и отзывчивых веб-страниц, так как они позволяют легко изменять стиль элементов в зависимости от направления текста и расположения элементов на странице.
Читать статью
Новый способ определения стилей элементов веб-страницы, который вместо использования физических свойств, таких как top, left, right и bottom, использует логические свойства, такие как inline-start, inline-end, block-start и block-end.
Эти свойства особенно полезны для создания адаптивных и отзывчивых веб-страниц, так как они позволяют легко изменять стиль элементов в зависимости от направления текста и расположения элементов на странице.
Читать статью
👍5
JavaScript | Практика #167 | ★★★☆☆
Какой будет резульат?
Какой будет резульат?
Anonymous Quiz
13%
"fourth", "third", "first", "second"
10%
"first", "fourth", "second", "third"
68%
"fourth", "first", "third", "second"
10%
"first", "third", "second", "fourth"
👍2
Контролируйте соотношение сторон элементов веб-страницы с помощью свойства aspect-ratio в CSS
aspect ratio в CSS — это свойство, которое позволяет контролировать соотношение сторон элемента веб-страницы. Это особенно полезно при работе с изображениями и видео, когда необходимо сохранить их пропорции при изменении размера окна браузера или устройства.
Читать статью
aspect ratio в CSS — это свойство, которое позволяет контролировать соотношение сторон элемента веб-страницы. Это особенно полезно при работе с изображениями и видео, когда необходимо сохранить их пропорции при изменении размера окна браузера или устройства.
Читать статью
👍5
JavaScript | Практика #168 | ★★★★☆
Что будет в консоли?
Что будет в консоли?
Anonymous Quiz
79%
true
6%
false
15%
SyntaxError
0%
ReferenceError
👍3
JavaScript | Практика #169 | ★★☆☆☆
Какой из этих методов модифицирует исходный массив?
Какой из этих методов модифицирует исходный массив?
Anonymous Quiz
18%
Все
24%
map reduce slice splice
12%
map slice splice
47%
splice
👍5
Nullish Coalescing в JavaScript: установка значений по умолчанию
Nullish Coalescing - это оператор в JavaScript, который используется для проверки значений на равенство null или undefined. Оператор позволяет устанавливать значение по умолчанию, если переменная равна null или undefined.
Синтаксис оператора выглядит следующим образом: a ?? b, где a - переменная, которую необходимо проверить, а b - значение, которое будет установлено по умолчанию, если a равна null или undefined.
Читать статью
Nullish Coalescing - это оператор в JavaScript, который используется для проверки значений на равенство null или undefined. Оператор позволяет устанавливать значение по умолчанию, если переменная равна null или undefined.
Синтаксис оператора выглядит следующим образом: a ?? b, где a - переменная, которую необходимо проверить, а b - значение, которое будет установлено по умолчанию, если a равна null или undefined.
Читать статью
👍6
JavaScript | Практика #170 | ★★☆☆☆
Что будет в консоли?
Что будет в консоли?
Anonymous Quiz
43%
10
5%
0
19%
ReferenceError
33%
undefined
👍3🔥2
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