JavaScript Daily | Frontend
320 subscribers
354 photos
151 links
Всё самое интересное из мира веб-разработки за сегодня.

Для связи - art.diontev@ya.ru
Download Telegram
JavaScript | Практика #167
#js_practice_medium | Объяснение
👍2
Контролируйте соотношение сторон элементов веб-страницы с помощью свойства aspect-ratio в CSS

aspect ratio в CSS — это свойство, которое позволяет контролировать соотношение сторон элемента веб-страницы. Это особенно полезно при работе с изображениями и видео, когда необходимо сохранить их пропорции при изменении размера окна браузера или устройства.

Читать статью
👍5
JavaScript | Практика #168
#js_practice_medium | Объяснение
JavaScript | Практика #168 | ★★★★☆

Что будет в консоли?
Anonymous Quiz
79%
true
6%
false
15%
SyntaxError
0%
ReferenceError
👍3
JavaScript | Практика #169
#js_practice_easy | Объяснение
👍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.

Читать статью
👍6
JavaScript | Практика #170
#js_practice_easy | Объяснение
JavaScript | Практика #170 | ★★☆☆☆

Что будет в консоли?
Anonymous Quiz
43%
10
5%
0
19%
ReferenceError
33%
undefined
👍3🔥2
CCS Nesting: правила вложения CSS-селекторов теперь поддерживаются в Chrome 112

Концепция вложенности CSS аналогична концепции вложенности HTML, где элементы помещаются внутри других элементов, создавая отношение родитель-потомок. В CSS селекторы также могут быть вложены друг в друга, чтобы выбирать конкретные элементы внутри родительского элемента.

Читать статью
👍9
Numeric Separators в JavaScript: улучшение читаемости кода

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(An+B [of S]?)
:nth-last-child(An+B [of S]?)

https://frontend-spectre.ru/details/16997
👍4
JavaScript | Практика #171
#js_practice_medium | Объяснение
JavaScript | Практика #171 | ★★★☆☆

Какой будет результат выполнения следующего кода на 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
👍4
JavaScript | Практика #172
#js_practice_easy | Объяснение