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

Для связи - art.diontev@ya.ru
Download Telegram
HTML | Теория #2

Какова цель тега <track> и когда его следует использовать (выберите цифру, относительно кода выше)?
Anonymous Quiz
19%
1
19%
2
25%
3
38%
4
WebSocket: руководство для начинающих

Пост из цикла статей о том, как получить опыт использования веб-сокетов.
​​#js_note

Оператор нулевого слияния

Оператор нулевого слияния (??) это логический оператор, который возвращает значение правого операнда когда значение левого операнда равно null или undefined, в противном случае будет возвращено значение левого операнда.

В отличие от логического ИЛИ (||), левая часть оператора вычисляется и возвращается даже если его результат после приведения к логическому типу оказывается ложным, но не является null или undefined. Другими словами, если вы используете || чтобы установить значение по умолчанию, вы можете столкнуться с неожиданным поведением если считаете некоторые ложные значения пригодными для использования (например, "" или 0). Ниже приведены примеры.

Использование оператора нулевого слияния

В этом примере показано как устанавливать значения по умолчанию, оставив в покое значения отличные от null или undefined.
Подборка полезных материалов про доступность (accessibility)

Список ссылок на статьи с краткими комментариями.
JavaScript | Практика #95
#js_practice_easy
JavaScript | Практика #95

Что будет в консоли?
Anonymous Quiz
42%
"John"
12%
"myName"
19%
undefined
27%
ReferenceError
JavaScript | Практика #96
#js_practice_easy
JavaScript | Практика #96

Как правильно создать новый объект Person под названием "student"?
Anonymous Quiz
79%
const student = new Person();
7%
const student = construct Person;
10%
const student = Person();
3%
const student = construct Person();
Media Queries Level 4: Media Query Range Contexts

В CSS медиа-запросах 4-го уровня вычисления теперь могут быть записаны как “контекст диапазона”, в котором используются обычные операторы математического сравнения.
CSS | Практика #12
#css_practice_easy
CSS | Практика #12

Используя селектор атрибутов, как бы вы выбрали элемент <a> с атрибутом "title"?
Anonymous Quiz
58%
a[title]{...}
15%
a > title {...}
27%
a.title {...}
0%
a=title {...}
Функции высшего порядка в JavaScript

Статья, в которой неплохо разбирается понятие Higher-Order Function в JavaScript. Частый вопрос на собеседованиях.
JavaScript | Практика #97
#js_practice_medium
JavaScript | Практика #97

На скриншоте выше изображена чистая функция?
Anonymous Quiz
84%
Да
16%
Нет
От Prototype Pollution к RCE

В рамках данной статьи рассматривается уязвимость Prototype Pollution на клиенте и AST-injection на сервере и то, к чему может привести их совместная эксплуатация.
JavaScript | Практика #98
#js_practice_easy
JavaScript | Практика #98

Когда произойдет запись в консоль?
Anonymous Quiz
40%
после 10 секунд
6%
после HTTP-запроса
15%
после 10000 секунд
39%
сразу же
Создание эффективного компонента Image

Создание компонента изображения, который содержит в себе рекомендации по производительности и предоставляет готовое решение для оптимизации изображений.
CSS | Практика #13
#css_practice_medium
CSS | Практика #13

Ссылаясь на приведенный выше пример кода, какова будет ширина трех столбцов?
Anonymous Quiz
30%
50px | 50px | 100px
49%
50px | 150px | 300px
7%
50px | 300px | 150px
15%
50px | 500px | 1000px