Стиль сообщений консоли

console.log("Сообщение%c", ‘фон: розовый;цвет: синий;размер шрифта: 20px’);

Специфика CSS

когда мы назначаем стили одному и тому же элементу с разными селекторами, мы решим, какой из них применить

универсальный ‹ элемент ‹ класс ‹ идентификатор ‹ встроенный стиль ‹ !важно

поиграйтесь с этим фрагментом здесь -› https://lnkd.in/eFUXZPRY

Нулевой объединяющий оператор

Визуализация того, как работает программа JavaScript





выравнивание содержания

Сравнение равенства в JavaScript

Console.dir : список всех свойств типа данных.

Вопрос: Преобразуйте массив массивов в массив объектов для ввода ниже.

Вход:

𝘤𝘰𝘯𝘴𝘵 𝘶𝘴𝘦𝘳𝘴 = [
[“𝘋𝘢𝘷𝘪𝘥”, “𝘜𝘚𝘈”, 𝟥𝟢],
[“𝘉𝘪𝘭𝘭𝘺”, “𝘑𝘢𝘱𝘢𝘯”, 𝟥𝟧],
[“𝘔𝘪𝘬𝘦”, “𝘚𝘪𝘯𝘨𝘢𝘱𝘰𝘳𝘦”, 𝟧𝟢],
];

𝘖𝘶𝘵𝘱𝘶𝘵:

[
{
“𝘯𝘢𝘮𝘦”: “𝘋𝘢𝘷𝘪𝘥”,
“𝘤𝘰𝘶𝘯𝘵𝘳𝘺”: “𝘜𝘚𝘈”,
“𝘢𝘨𝘦”: 𝟥𝟢
},
{
“𝘯𝘢𝘮𝘦”: “𝘉𝘪𝘭𝘭𝘺”,
“𝘤𝘰𝘶𝘯𝘵𝘳𝘺”: “𝘑𝘢𝘱𝘢𝘯”,
“𝘢𝘨𝘦”: 𝟥𝟧
},
{
“𝘯𝘢𝘮𝘦”: “𝘔𝘪𝘬𝘦”,
“𝘤𝘰𝘶𝘯𝘵𝘳𝘺”: “𝘚𝘪𝘯𝘨𝘢𝘱𝘰𝘳𝘦”,
“𝘢𝘨𝘦”: 𝟧𝟢
}
]

Ответ: (с использованием синтаксиса деструктурирования массива вместе с сокращенным синтаксисом свойств ES6)

𝘤𝘰𝘯𝘴𝘵 𝘰𝘶𝘵𝘱𝘶𝘵 = 𝘶𝘴𝘦𝘳𝘴.𝘮𝘢𝘱(([𝘯𝘢𝘮𝘦, 𝘤𝘰𝘶𝘯𝘵𝘳𝘺, 𝘢𝘨𝘦]) => {
𝘳𝘦𝘵𝘶𝘳𝘯 { 𝘯𝘢𝘮𝘦, 𝘤𝘰𝘶𝘯𝘵𝘳𝘺, 𝘢𝘨𝘦 };
});

Шпаргалки по JavaScript



Несколько шпаргалок по позиционированию CSS



Шпаргалка по CSS для Flexbox