• Как удалить класс при клике на другой элемент?

    @Steppp
    html классы писать с маленькой буквы через - разделять слова
    js все переменные начинаются с маленькой буквы слова слитно начиная с большой буквы. Как в html классы
    const list = document.querySelectorAll('.CatalogMenu li a')
     list.forEach(item =>{ 
            item.addEventListener('click', (e) =>{
            list.forEach(el=>{ el.classList.remove('active'); });
            item.classList.add('active')
        })
    })
    Ответ написан
    7 комментариев
  • Как правильно перевести `assets` и `dist`?

    @timster
    Спустя месяц хочу внести свой вклад :)
    Для перевода подобных слов очень важен контекст, поэтому воспользуюсь тем что мне более близок - веб-программирование, сайты.
    asset - это вклад. Вклад, который вы делаете в данный сайт, например. Когда используете готовые решения, бывает что кастомизация идет на уровне css и js файлов, поэтому рискну предположить что это некий ваш "вклад" в данное решение. Таким образом, туда обычно кладется статика (css, js, временами изображения).
    dist - от слова distribute, то есть "распространять". Обычно это означает что там хранятся некие решения еще не интегрированные во внешнюю среду (приложение), предназначенное для распространения. Установочные файлы, например.
    Но я согласен с @pavel_salauyou что обычно на русском языке так и говорят - ассеты и дистрибутивы.
    Ответ написан
    Комментировать
  • Что происходит при слиянии веток (git merge)?

    Decadal
    @Decadal
    Представьте, что у вас два грузовика. Сначала они были одинаково пусты, потом вы загрузили в один грузовик пару мешков с песком, а в другой - мешок с углем.
    Условно первый грузовик - master, второй - dev.
    git checkout master
    git merge dev


    Теперь в master у нас мешки с песком и мешок с углем
    А в dev, как и прежде, только мешок с углем.

    Так что у вас не только те папки, которые в development, но и те, которые были в master.

    Если вы пушили ветку development, то при clone она тоже должна была стянуться, просто на данный момент git смотрит на master. Напишите git status чтобы проверить, в какой вы ветке, и переключитесь на нужную.
    Если ветки development нет, сначала вам предстоит её запушить.

    В случае, если в двух ветках разные файлы (не противоречащие друг другу), то merge просто размещает их все вместе, как будто вы скопировали файлы из одной ветки в другую.
    Но если в двух ветках в файлах с одинаковыми именами разное содержимое, выполняется auto-merging, т.е. попытка автоматически объединить два содержимых в одно. Эта операция успешна, например, если вы в одной из веток просто добавили в конец файла ещё одну строку, а в другой ветке не трогали файл вовсе.
    Если содержимое менялось и в той и в другой ветке, происходит конфликт. Git вставляет в место спорного контента что-то вроде
    <<<<HEAD 
    один контент
    <<< commit1111
    другой контент 
    <<<end

    Вам придётся решить, что делать с таким содержимым: что убрать а что оставить.
    После того как конфликт разрешен, вы просто коммитите свое решение, как будто бы никогда и не было двух разных версий файлов, а сразу была та версия, которую вы закоммитили в процессе решения конфликта.
    Ответ написан
  • Как выровнять кнопку по правому краю в html?

    Seasle
    @Seasle Куратор тега CSS
    Вариант 1 - float: right;.
    Вариант 2 - flex.
    Вариант 3 - grid.
    Вариант 4 - position: absolute/fixed.
    Ответ написан
    Комментировать
  • Как посчитать сумму элементов массива?

    WblCHA
    @WblCHA
    Странно, столько ответов и ни одного редьюса...
    const count = (arr) => arr.reduce((acc, num) => acc + num, 0);


    А ещё почему-то никого не смутило, что автор к константе присваивает новое значение.
    Ответ написан
    3 комментария
  • Не запускается PhpStorm 2020.2.3 на Windows 10. Как исправить?

    @empirikk
    Не знаю куда именно отнести свой вариант, но кажется по названию эта ветка самая подходящая, поэтому напишу здесь, вдруг кому пригодится) Смотрите, переустанавливал несколько раз phpstorm от 2019.3.3 до 2021.2.3. Когда прообновлялся до 2021.2.3 перестали запускаться версии после 2020.n.n. Соответственно все 2019.n.n. и 2020.n.n. - работали, а 2021.n.n. - не работали. Гуглил гуглил, ничего не помогало из предложеных вариантов, как и переустановки с вычисткой реестра и перезагрузками, затем решил начать переименовывать все папки JetBrains из User\AppData и спустя две минуты и такой-то матери я нашёл эту(и) паку(и) которые создавали помеху при запуске. Оказалось всё что нужно было сделать, это удалить: "C:\Users\User\AppData\Roaming\JetBrains\PhpStorm2021.1"
    "C:\Users\User\AppData\Roaming\JetBrains\PhpStorm2021.2"
    Потом запустить PhpStorm и он создаст их(эти удалённые папки) заново и всё заработает. Надеюсь, это будет кому-то полезно. Потому что я ничего такого не нашёл при поиске
    Ответ написан
    9 комментариев
  • Как создать подложку на ::before?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Немного поправил ваш код:
    .arrow {
      position: relative;
    }
    
    .arrow::before {
      content: '';
      display: block;
      width:  650px;
      height: 600px;
      background: blue;
    }
    
    .arrow::after {
      content: '';
      display: block;
      position: absolute;
      top:  0;
      left: 0;
      width:  600px;
      height: 400px;
      background: url(http://cliparting.com/wp-content/uploads/2016/05/Arrow-clipart-arrow-graphics-clipartcow-2.png);
    }
    Ответ написан
    Комментировать