⚙️ Что такое Content Security Policy (CSP) и зачем он нужен?

Content Security Policy (CSP) — это механизм безопасности, который помогает предотвратить выполнение вредоносного кода, такого как XSS-атаки, ограничивая источники, из которых можно загружать контент (скрипты, стили, изображения).

*➡️ *Пример:

<meta http\-equiv="Content\-Security\-Policy" content="script\-src 'self' https://trusted\-scripts.com; object\-src 'none';">

🗣️ В этом примере CSP позволяет загружать скрипты только с текущего домена (self) и https://trusted\-scripts.com. Все другие источники запрещены. Это снижает вероятность внедрения стороннего кода и повышает безопасность вашего приложения.

CodeBase | Frontend | #основы

👩‍💻 Что такое метод filter() в JavaScript и как он используется?

filter() — это метод массивов в JavaScript, который создаёт новый массив, содержащий только те элементы, которые удовлетворяют условию, заданному в функции обратного вызова.

*➡️ *Пример:

```
const numbers = [1, 2, 3, 4, 5, 6];

// Оставляем только чётные числа
const evenNumbers = numbers.filter(num => num % 2 === 0);

console.log(evenNumbers); // [2, 4, 6]
```

🗣️ В этом примере метод filter() возвращает новый массив, содержащий только чётные числа. Это полезно для фильтрации данных на основе определённых условий.

CodeBase | Frontend | #js

🌀 Кто просил английский для IT?

🔷 Подписывайтесь на авторский канал -> English - ITnglish
Читайте закрепы.

👩‍💻 Что такое свойство filter в CSS и как оно используется?

filter — это CSS-свойство, которое позволяет применять визуальные эффекты, такие как размытие, изменение яркости или насыщенности, к элементам. Это полезно для стилизации изображений, фона и других элементов без использования графических редакторов.

*➡️ *Пример:

```

```

🗣️ В этом примере свойство filter делает изображение частично черно-белым и добавляет размытие. Это упрощает создание визуально сложных эффектов средствами CSS.

CodeBase | Frontend | #css

*👩‍💻 *Что такое WeakMap в JavaScript и как он работает?

WeakMap — это коллекция для хранения пар ключ-значение, где ключами могут быть только объекты. В отличие от Map, WeakMap позволяет сборщику мусора удалять записи, если на объект-ключ нет других ссылок.

*➡️ *Пример:

```
let obj = { name: 'Alice' };
const weakMap = new WeakMap();

weakMap.set(obj, 'Дополнительные данные');
console.log(weakMap.get(obj)); // 'Дополнительные данные'

obj = null; // Ключ становится недоступен, запись удаляется из WeakMap
```

🗣️ В этом примере WeakMap хранит дополнительные данные для объекта obj. После обнуления ссылки obj запись автоматически удаляется, освобождая память.

CodeBase | Frontend | #js