Made in HTML/CSS
1.57K subscribers
683 photos
34 videos
2 files
603 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://t.me/ZilantTG
Download Telegram
Please open Telegram to view this post
VIEW IN TELEGRAM
Symbol — это примитивный тип данных, который создает уникальные значения. Каждый Symbol уникален, даже если у них одинаковое описание.

Это делает их идеальными для использования в качестве ключей объекта, где важно избежать конфликтов имен. Свойства объекта, определенные через Symbol, не видны при переборе с помощью Object.keys или for...in, что обеспечивает дополнительную защиту данных.


Made in HTML/CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
Метод flat создает новый массив, "выравнивая" вложенные массивы до указанной глубины. Если глубина не указана, по умолчанию выравнивается только один уровень.

Для полного выравнивания можно использовать значение Infinity. Это упрощает работу с многомерными массивами, делая код более читаемым и компактным.


Made in HTML/CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
Set — это коллекция, которая хранит только уникальные значения. Преобразование массива в Set автоматически удаляет все дубликаты, а последующее преобразование обратно в массив (через спред-оператор или Array.from) создает массив с уникальными элементами.

Это делает процесс удаления дубликатов простым и эффективным.


Made in HTML/CSS
Плагин Git History — это популярное расширение для Visual Studio Code, которое позволяет удобно просматривать историю изменений в проекте, управляемом с помощью системы контроля версий Git. Этот плагин предоставляет наглядный интерфейс для отслеживания коммитов, сравнения изменений, анализа веток и других Git-операций.

Made in HTML/CSS
Метод fill позволяет заполнять массив заданным значением. Он может заполнять весь массив или только определенный диапазон (с указанием начального и конечного индексов).

Это упрощает создание массивов с одинаковыми значениями или частичное обновление данных, делая код более компактным и читаемым.


Made in HTML/CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
Оператор ??= выполняет присваивание только если текущее значение переменной является null или undefined.

Это делает код более лаконичным и читаемым, особенно при работе с настройками или значениями по умолчанию. В отличие от ||=, который проверяет "ложноподобные" значения (например, 0 или ''), ??= строго проверяет только null и undefined.


Made in HTML/CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
Оператор ||= выполняет присваивание только если текущее значение переменной является "ложноподобным" (null, undefined, 0, '', false).

Это упрощает установку значений по умолчанию и делает код более компактным. В отличие от ??=, который проверяет только null или undefined, ||= реагирует на любые "ложноподобные" значения.


Made in HTML/CSS
This media is not supported in your browser
VIEW IN TELEGRAM
PlantUML — это инструмент, который позволяет создавать диаграммы из простого текстового описания. Он поддерживает различные типы диаграмм, такие как последовательности, классы, состояния, активности и другие. Для использования PlantUML в Visual Studio Code (VS Code) существует плагин, который облегчает создание и просмотр диаграмм прямо в редакторе.

Made in HTML/CSS
Метод Object.hasOwn проверяет, существует ли свойство непосредственно в объекте, игнорируя унаследованные свойства из прототипа. Это делает проверку более точной и безопасной по сравнению с оператором in.

Рекомендуется использовать Object.hasOwn вместо устаревшего obj.hasOwnProperty, который может быть переопределен или недоступен.


Made in HTML/CSS
Regex Previewer — это плагин для Visual Studio Code, который позволяет разработчикам тестировать и отлаживать регулярные выражения прямо в редакторе. Регулярные выражения (regex) используются для поиска и манипуляции строками текста на основе заданных шаблонов. Этот плагин особенно полезен для тех, кто часто работает с текстовыми данными и нуждается в проверке корректности своих регулярных выражений.

Made in HTML/CSS
Метод copyWithin копирует элементы массива из одного диапазона в другой, не изменяя длину массива.

Он принимает три аргумента: целевой индекс, начальный индекс для копирования и необязательный конечный индекс. Это полезно для манипуляций с данными внутри массива без необходимости создания новых структур.


Made in HTML/CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
Метод with создает новый массив с измененным элементом по указанному индексу, не изменяя исходный массив. Это делает код более читаемым и функциональным, особенно при работе с иммутабельными данными.

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


Made in HTML/CSS
Опишите роль DNS в веб-разработке.

DNS, или система доменных имен, часто упоминается как «телефонная книга Интернета». Он играет ключевую роль в веб-разработке, переводя удобочитаемые доменные имена (например, www.example.com) в машиночитаемые IP-адреса (например, 192.0.2.1). Этот процесс, известный как разрешение DNS, позволяет пользователям получать доступ к веб- сайтам, используя легко запоминающиеся имена, а не числовые IP-адреса. Когда пользователь вводит веб-адрес в своем браузере, система DNS запрашивает соответствующий IP-адрес для этого доменного имени.

Made in HTML/CSS
Оператор ?. предотвращает ошибки при доступе к свойствам несуществующих объектов, возвращая undefined вместо сбоя.

Made in HTML/CSS