JavaScript заметки
8.53K subscribers
2.77K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Преобразовать любое значение в Boolean

Это будет особенно полезно, если вы не хотите послать в бэкенд значение null или undefined.

#полезно
Цифровые часы

MomentJS — это библиотека JavaScript, которая позволяет легко анализировать, проверять, манипулировать и отображать дату/время в JavaScript. Делимся статьей, где автор демонстрирует создание цифровых часов с помощью MomentJS.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
6
Быстро преобразовать строку в число

#полезно
👍9
Отслеживание закрытия браузера

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
7
Преобразовать строку в массив

#полезно
👍9
Многопользовательский чат

Делимся статьей, где обобщаются базовые знания о Websocket и реализуется простое демо чата для нескольких человек. После прочтения ты сможешь использовать Websocket для создания своего собственного чата.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
Отобразить число с точностью до двух знаков после запятой

#полезно
👍3
Копирование в JavaScript

Не все копии в JavaScript одинаковы. Когда ты копируешь переменную в JavaScript, она классифицируется как поверхностная или глубокая копия. Делимся статьей, где автор наглядно демонстрирует разницу между поверхностной и глубокой копией.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Визуализация с D3.js

D3 (Data-Driven Documents) представляет собой библиотеку JavaScript, которая позволяет отображать данные и помогает с проверкой и управлением DOM. Благодаря этой статье ты научишься визуализации с помощью D3.js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1👍1
Проверить вхождение определённого значения в массив

Метод
includes также полезен, если требуется сравнить несколько значений сразу.

#полезно
👍5
Создание кроссбраузерного расширения

Делимся статьей, где автор рассказывает про создание кроссбраузерного расширения. Ты узнаешь про различные проблемы кроссбраузерности; из чего состоит расширение. Также ты познакомишься с фреймворком Plasmo.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍3
Использование оператора опциональной последовательности (optional chaining operator)

Раньше, чтобы получить доступ ко вложенному свойству, нужно было проверять, существует ли каждое из свойств. Прямое обращение к user.location.street.name могло выбросить исключение, что мы пытаемся обратиться к name через несуществующие ссылки к методам location или street.

Но теперь, в версии ES11, код после оператора опциональной последовательности выполнится, только если обращение по предыдущей ссылке не привело к undefined или null.

Так что использование этого оператора сократит ваш код и сделает его более понятным.

#операторы
👍6
Ошибки с промисами

В данной статье продемонстрированы самые распространенные ошибки при работе с промисами. К ним относятся: использование блока try/catch внутри промиса; неправильное использование Promise.race(); злоупотребление промисами.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
7
Замена IIFEs блоками

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

#полезно
👍1👏1
Операторы логического присваивания

Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍4
Стрелочные функции

Стрелочные функции могут быть сокращены, когда используются в выражениях функций, которые просто возвращают значение. Используйте стрелочные функции вместо выражений функций, если возможно.

#полезно
👍2
Введение в прототипы

Прототипы — это механизм, с помощью которого объекты JavaScript наследуют свойства друг друга. Благодаря этой статье ты узнаешь, что такое прототипы, как ими пользоваться и для чего они могут пригодиться.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
.includes( )

Чтобы обозначить ограничение строки, мы можем просто использовать .includes(), который вернет логическое значение, вместо проверки > -1

#строки
👍2
Операторы логического присваивания

Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
.repeat( )

#строки
👍6