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

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

#статья

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

👉 Читать статью

Полезные методы объектов

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

#статья

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

👉 Читать статью

Деструктуризация

Деструктуризация позволяет нам извлекать значения из массивов или объектов и хранить их в переменных.

Деструктурированные массивы

var arr = [1, 2, 3, 4];
var a = arr[0];
var b = arr[1];
var c = arr[2];
var d = arr[3];
let [a, b, c, d] = [1, 2, 3, 4];

console.log(a); // 1
console.log(b); // 2

Деструктурированные объекты

var luke = { occupation: 'jedi', father: 'anakin' };
var occupation = luke.occupation; // 'jedi'
var father = luke.father; // 'anakin'
let luke = { occupation: 'jedi', father: 'anakin' };
let {occupation, father} = luke;

console.log(occupation); // 'jedi'
console.log(father); // 'anakin'

#объекты #массивы

Логгер

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

#статья

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

👉 Читать статью

Параметры по умолчанию

В ES6 можно передать значения по умолчанию для параметров в функции

#полезно

Внутреннее устройство JavaScript

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

#статья

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

👉 Читать статью

Параметры остановки

Используя оператор rest, мы можем передавать неопределенное количество аргументов

#полезно

Анимация текстовых переходов

Делимся статьей, где автор демонстрирует анимацию текстовых переходов. view-transition позволяет с помощью CSS описать, как убрать старое текстовое состояние и показать новое текстовое состояние. Присутствует ссылка на демку.

#статья

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

👉 Читать статью

Именованные параметры

Одним из шаблонов в ES5 для обработки именованных параметров был шаблон объектов опций, принятый из jQuery.

Можно достичь той же функциональности, используя деструктурирование как формальный параметр для функции.

#полезно

Core Web Vitals

Core Web Vitals — это три показателя, которые оценивают опыт пользователя при загрузке веб-страницы. Эти метрики оценивают, насколько быстро загружается содержимое страницы, как быстро браузер, загружающий веб-страницу, может реагировать на ввод пользователя и насколько нестабильно содержимое загружается в браузере. Данная статья поможет разобраться с Core Web. Vitals.

#статья

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

👉 Читать статью

Оператор распространения

В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции.

Мы можем легко конкатенировать литералы массивов.

#полезно

Создание слайдбара

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

#статья

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

👉 Читать статью

Классы в языке JavaScript

С помощью ES6 мы можем создавать классы таким образом, и расширять их, используя ключевое слово extends

#полезно

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

Ленивая загрузка — это метод отсрочки загрузки ресурса до тех пор, пока он не понадобится. Это озволяет сохранить данные и уменьшить сетевую конкуренцию за критически важные ресурсы. В 2019 году метод стал веб-стандартом, и сегодня loading = «lazy» для изображений поддерживается большинством основных браузеров. В данной статье продемонстрировано, как ленивая загрузка влияет на производительность.

#статья

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

👉 Читать статью

Symbol( )

Вызов Symbol() или Symbol(описание) создаст уникальный символ, который не может быть просмотрен глобально.

#полезно

Массивы: Сравнение с языком С

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

#статья

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

👉 Читать статью

Symbol.for(key)

Symbol.for(key) создает символ, который по-прежнему неизменен и уникален, но может быть просмотрен глобально. Два идентичных вызова Symbol.for(key) возвращают один и тот же символ.

Примечательным примером использования Symbol для взаимодействия является Symbol.iterator, который существует во всех повторяющихся типах в ES6: массивы, строки, генераторы и т. д.

#полезно

Сортировка пузырьком

Сортировка пузырьком — это простейший алгоритм сортировки. Он многократно меняет местами соседние элементы, если они расположены в неправильном порядке. Этот алгоритм не подходит для больших наборов данных, так как его сложность по времени довольно высока. В данной статье автор демонстрирует работу алгоритма.

#статья

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

👉 Читать статью

Оператор delete

Оператор delete используется для удаления свойства объекта. Если он используется для удаления уже существующего свойства объекта, он возвращает значение true и удаляет свойство из объекта. Однако удаление несуществующего свойства объекта не повлияет на объект, но все равно вернется значение true. В данной статье автор рассказывает про особенности оператора delete.

#статья

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

👉 Читать статью

WeakMaps

Самое интересное в использовании WeakMaps для хранения наших личных данных заключается в том, что их ключи не выдают имена свойств, которые можно увидеть с помощью Reflect.ownKeys()

Практичным примером использования WeakMaps является хранение данных, связанных с элементом DOM

#полезно