Frontend собеседования

Symbol — это примитивный тип данных в JavaScript, который используется для создания уникальных идентификаторов. Он часто применяется для создания скрытых или уникальных свойств объектов, чтобы избежать конфликтов имен.✈️ Frontend собеседования

➡️ Атрибут srcset используется для указания нескольких версий изображения с разным разрешением, чтобы браузер мог выбрать наиболее подходящее в зависимости от размера экрана и плотности пикселей.<img src="image-default.jpg" srcset="image-small.jpg 480w, image-medium.jpg 800w, image-large.jpg 1200w" sizes="(max-width: 600px) 480px, (max-width: 900px) 800px, 1200px" alt="Example image">В этом примере srcset содержит три версии изображения с указанием их ширины в пикселях. Атрибут sizes определяет, какое изображение использовать в зависимости от ширины экрана. Это улучшает производительность и адаптивность веб-страниц.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования

✅ Инкремент ++ и декремент -- — это унарные операторы, которые увеличивают или уменьшают значение переменной на единицу. Инкремент добавляет 1, а декремент вычитает 1. Операторы могут быть префиксными (ставятся перед переменной) или постфиксными (ставятся после переменной). Префиксная форма сначала изменяет значение, а затем возвращает его, а постфиксная — сначала возвращает текущее значение, а затем изменяет его. let a = 5;let b = a++; // b = 5, a = 6let c = ++a; // c = 7, a = 7В первом случае a++ возвращает исходное значение a, а затем увеличивает его. Во втором случае ++a сначала увеличивает значение, а затем возвращает его.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования

🔴Свойство scroll-behavior в CSS позволяет управлять поведением прокрутки на странице. При установке значения smooth прокрутка становится плавной, а не мгновенной. Это особенно полезно для навигации по странице с помощью якорей или JavaScript.html { scroll-behavior: smooth;}При таком стиле переход по ссылке с якорем (например, <a href="#section">) будет происходить с плавной прокруткой до целевого элемента. Также это работает с методами JavaScript, такими как scrollTo или scrollIntoView.document.getElementById('section').scrollIntoView({ behavior: 'smooth' });Значение по умолчанию — auto, при котором прокрутка происходит мгновенно. Свойство поддерживается в современных браузерах, но для старых версий может потребоваться полифил.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования

✅IndexedDB — это низкоуровневое API для хранения больших объемов структурированных данных прямо в браузере. В отличие от localStorage, IndexedDB поддерживает транзакции, индексы и позволяет хранить данные в виде объектов, что делает его подходящим для сложных приложений. const request = indexedDB.open("MyDatabase", 1);request.onupgradeneeded = function(event) { const db = event.target.result; const store = db.createObjectStore("books", { keyPath: "id" }); store.createIndex("by_title", "title", { unique: false });};Данные в IndexedDB асинхронно записываются и читаются, что не блокирует основной поток выполнения. Это делает его мощным инструментом для оффлайн-приложений.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования

Интерфейсы в TypeScript используются для описания структуры объектов, задавая обязательные свойства и их типы. Они не компилируются в JavaScript, а служат только для проверки типов на этапе разработки.✈️ Frontend собеседования

🟥 CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю. Для подключения CDN достаточно заменить локальные ссылки на файлы на URL-адреса, предоставляемые CDN. Например, для Bootstrap: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>Использование CDN уменьшает нагрузку на сервер и ускоряет доставку контента, так как файлы кэшируются и загружаются с ближайшего сервера сети.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования

➡️ Глубокое и поверхностное копирование — это два способа создания копий объектов. Поверхностное копирование создает новый объект, но копирует только ссылки на вложенные объекты. Изменения вложенных объектов в копии повлияют на оригинал. const original = { a: 1, b: { c: 2 } };const shallowCopy = { ...original };shallowCopy.b.c = 3;console.log(original.b.c); // 3 Глубокое копирование создает полностью независимую копию объекта, включая все вложенные объекты. Изменения в копии не затрагивают оригинал. const original = { a: 1, b: { c: 2 } };const deepCopy = JSON.parse(JSON.stringify(original));deepCopy.b.c = 3;console.log(original.b.c); // 2 Для глубокого копирования также можно использовать библиотеки, например, Lodash.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования

В CSS initial устанавливает значение свойства в его начальное состояние, определенное спецификацией. inherit делает значение свойства таким же, как у родительского элемента, а unset сбрасывает свойство либо к inherit, если оно наследуемое, либо к initial, если нет.✈️ Frontend собеседования

🔸 Аннотации типов — это указание типов для переменных, параметров функций, возвращаемых значений и других элементов кода. Они помогают улучшить читаемость и надежность кода, а также позволяют TypeScript выявлять ошибки на этапе разработки. let count: number = 5; // переменная count может быть только числомfunction add(a: number, b: number): number { return a + b; // функция принимает два числа и возвращает число} Аннотации типов также используются для объектов, массивов и пользовательских типов. Они делают код более предсказуемым и упрощают его поддержку.Ставь 👍, если было полезно!Больше ответов на сайте 👈✈️ Frontend собеседования