Предпочитаю работать с экосистемой React.
Контакты
Местоположение
Россия, Москва и Московская обл., Москва

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (8)

Лучшие ответы пользователя

Все ответы (12)
  • Как записать в Local Storage?

    tuychin
    @tuychin
    Frontend dev
    localStorage.setItem('ключ', 'значение') - запись
    localStorage.getItem('ключ') - получить значение по ключу
    localStorage.removeItem("ключ") - удалить значение по ключу
    localStorage.clear() - очистить весь localStorage

    Подробнее
    Ответ написан
    Комментировать
  • Как изменить массив?

    tuychin
    @tuychin
    Frontend dev
    Используйте reduce

    const data = [[1, 2], [3, 4], [5, 6]];
    const merged = data.reduce((res, arr) => ([...res, ...arr]), []);

    console.log(merged);
    Ответ написан
    2 комментария
  • Как определить конкретный элемент списка (li)?

    tuychin
    @tuychin
    Frontend dev
    CSS
    Срабатывает только в промежуток нажима по элементу
    li:active {
        color: red;
    }


    Срабатывает, когда элемент (input формы в основном) получает фокус
    по клику или TAB
    li:focus {
        color: red;
    }


    JS
    const list = document.querySelector('ul');
    
    list.addEventListener('click', (event) => {
        event.target.style.color = 'red';
    });


    Или так:
    (В этом случае, событие сработает и за пределами списка)
    document.addEventListener('click', (event) => {
        event.target.style.color = 'red';
    });


    event - объект события
    target - элемент, на который кликнули
    Ответ написан
    4 комментария
  • Правильное использование тегов?

    tuychin
    @tuychin
    Frontend dev
    Желательно, заголовок h1 должен быть один на странице.
    После него могут быть несколько h2, под каждым h2 может быть h3 и так по иерархии.

    Например:
    <h1>Блог</h1>
    
    <h2>Статья 1</h2>
    <h3>Подзаголовок 1</h3>
    <p>Текст</p>
    
    <h2>Статья 2</h2>
    <h3>Подзаголовок 2</h3>
    <p>Текст</p>
    
    <h2>Статья 3</h2>
    <h3>Подзаголовок 3</h3>
    <p>Текст</p>


    UPD. Если главный заголовок не предусмотрен, можно использовать
    семантический тег <article></article>
    Пример:
    <article>
        <h1>Статья 1</h1>
        <h2>Подзаголовок 1</h2>
        <p>Текст</p>
    </article>
    
    <article>
        <h1>Статья 2</h1>
        <h2>Подзаголовок 2</h2>
        <p>Текст</p>
    </article>
    
    <article>
        <h1>Статья 3</h1>
        <h2>Подзаголовок 3</h2>
        <p>Текст</p>
    </article>
    Ответ написан
    Комментировать
  • Как включить css-модули только для sass/scss?

    tuychin
    @tuychin
    Frontend dev
    Для себя решаю эту проблему добавлением строчки в конфиг: auto: /\.module\.\w+$/i,.
    Это значит, что css-модули будут работать только для тех css-файлов, у которых в названии есть ".module"
    Например: app.module.scss

    {
                loader: 'css-loader',
                options: {
                  modules: {
                    exportGlobals: true,
                    localIdentName: '[local]--[hash:base64:5]',
                    auto: /\.module\.\w+$/i,
                  },
                },
              },
    Ответ написан
    2 комментария

Лучшие вопросы пользователя

Все вопросы (3)