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

Для связи - art.diontev@ya.ru
Download Telegram
JavaScript | Практика #160
#js_practice_medium | Объяснение
JavaScript | Практика #160 | ★★★☆☆

Что будет в консоли?
Anonymous Quiz
26%
Not the same!
47%
They are the same!
18%
ReferenceError
8%
SyntaxError
👍7🤔1
JavaScript | Практика #161
#js_practice_easy | Объяснение
JavaScript | Практика #161 | ★★☆☆☆

Для следующего класса, как вы получаете значение 42 из экземпляра X?
Anonymous Quiz
8%
x.get('Y')
43%
x.Y
50%
x.Y()
0%
x.get().Y
👍5
JavaScript | Практика #162
#js_practice_easy | Объяснение
👍3
JavaScript | Практика #162 | ★★☆☆☆

Что будет в консоли?
Anonymous Quiz
41%
true
8%
false
23%
undefined
28%
TypeError
👍5
JavaScript import maps теперь поддерживаются в кроссбраузерном режиме

Карты импортов (Import maps) – механизм, позволяющий получить контроль над поведением JavaScript-импортов.

P. S.: Safari, как обычно.

web.dev | Более развернутое описание
👍5
JavaScript | Практика #163
#js_practice_easy | Объяснение
JavaScript | Практика #163 | ★☆☆☆☆

Что будет в консоли?
Anonymous Quiz
16%
true true true true
5%
false false false false
5%
true true false false
73%
false false true true
👍4
Статический метод Object.hasOwn в JavaScript

Object.hasOwn() является методом встроенного объекта Object в JavaScript. Данный метод позволяет проверить, содержит ли объект собственное свойство определенного имени.

Почему его стоит использовать вместо hasOwnProperty в статье ниже.

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

Какой будет результат выполнения этого кода?
Anonymous Quiz
3%
30, ReferenceError, 30, -10
67%
30, ReferenceError
24%
30, -10
6%
ReferenceError, -10
👍7
Сравнение строк на основе локали в JavaScript с помощью метода localeCompare()

Метод String.prototype.localeCompare() в JavaScript используется для сравнения двух строк на основе локали, т.е. языка и региональных настроек пользователя.

https://frontend-spectre.ru/details/16224
👍11
JavaScript | Практика #165
#js_practice_medium | Объяснение
👍7🔥2
JavaScript | Практика #165 | ★★★☆☆

Какой будет результат выполнения кода?
Anonymous Quiz
36%
'value'
33%
undefined
11%
ReferenceError
20%
TypeError
👍15
6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

Мощные и стабильные CSS фичи, которые вы можете использовать уже сегодня. Я считаю, что каждый front-end разработчик должен знать, как использовать container query, создавать привязку к прокрутке, избегать position: absolute с помощью grid, быстро создавать круг, использовать каскадные слои и достигать большего с помощью логических свойств. Эта статья — описание каждой из 6 новых возможностей CSS.

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

Что будет в консоли?
Anonymous Quiz
83%
true
17%
false
Top Level await в JavaScript: упрощение написания асинхронного кода

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.

Эти свойства особенно полезны для создания адаптивных и отзывчивых веб-страниц, так как они позволяют легко изменять стиль элементов в зависимости от направления текста и расположения элементов на странице.

Читать статью
👍5