Задать вопрос
  • Какие характеристики ноутбука/ПК нужны для front-end-разработки?

    @Everything_is_bad
    Оперативка 32G и диск SSD, и лучше нормальный десктоп, а не ноут
    Ответ написан
    Комментировать
  • Какие характеристики ноутбука/ПК нужны для front-end-разработки?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    Мой asus rog g14 периодически пытается взлететь, на небольшом проекте во время life reload, стэк: react, mui, next, webpack + хром с открытыми инструментами разработчика. Такая ситуация лишь на фронте, python и фотошоп со средними проектами даже близко не доставляют такого дискомфорта.

    Если бы я брал сейчас машину для того, с чем работаю, то это было бы так: высокочастотный >= 12 поточный процессор, >= 32gb ram (двухканал), ssd/nvme.
    Ответ написан
    Комментировать
  • Какие характеристики ноутбука/ПК нужны для front-end-разработки?

    tentrun
    @tentrun
    Fullstack (asp.net / vue, angular) deletant
    Аж плохо стало с комментариев...
    Да можно и I9 14-го поколения в экстрим бусте поставить и 128гб ram, только зачем?
    По идее под ваши задачи хватит и 16гб ( в зависимости от кол-ва вкладок).
    Долгая сборка приложения? Ну вообще смотри в сторону диска/проца.
    Я лично работаю на magicbook i5 12-го/16gb ram хватает и на докер и запущенные сервисы и фронт и под несколько экземпляров ide.
    Тебе так же прекрасно хватит подобного ноута, либо десктопа с похожим спеком
    Ответ написан
    Комментировать
  • Какие характеристики ноутбука/ПК нужны для front-end-разработки?

    @lrmpsm53
    Минимум 32 гига (но для обучения можно и 16)
    Чем мощнее проц, тем лучше. Можешь в принципе ориентироваться на ryzen7/9 core ultra 7/9 последних поколений. Но не U, а H/HS/HX модификации. U - огрызки
    Размер экрана по желанию

    Для примера мой ноут
    I9 13900h 48gb ram. Прекрасно тянет большой проект в Webstorm
    Ответ написан
    Комментировать
  • Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?

    @ImagineTables
    Если правильно понял вопрос, попробуйте это (придётся подписаться на событие focusin):

    // Resets CSS animation based on keyframes.
    System.resetAnimation = function (elements)
    {
    	elements.forEach(element =>
    	{
    		element.style.animation = 'none';
    		element.offsetHeight; // Trigger reflow.
    		element.style.animation = null;
    	});
    }


    Опять же, если я понял ваш вопрос правильно, можно обе анимации объединить на основе переменных, а в нужный момент задавать значение переменной, управляющее ходом анимации, и сбрасывать её. Примерно так:

    const map = $('.map');
    map
    	.css('--current-position-y', getComputedStyle(map[0]).backgroundPositionY)
    	.css('--direction', position.y > 0 ? '-1' : '1') // Map is scrolled in opposite direction.
    	.css('--speed', Math.abs(position.y).toString());
    
    System.resetAnimation([map[0]]);


    @keyframes move-map-bg_map
    {
    	from
    	{
    		background-position-y: var(--current-position-y);
    	}
    
    	to
    	{
    		background-position-y: calc(var(--current-position-y) + var(--direction) * var(--city-map-size));
    	}
    }


    Выше показано, как одна анимация плавно переходит в другую, в данном случае — на лету меняется скорость и направление анимации фона.
    Ответ написан
    Комментировать
  • Как указать путь в JS к json-файлу, чтобы он учитывался при сборке (parcel js)?

    @catch-a-chalk
    Попробуйте импортировать извне, чтобы json включался в сборку:
    import data from './js/data.json';
    
    function p() {
        o.loadAnimation({
            container: h,
            renderer: "canvas",
            loop: !0,
            autoplay: !0,
            animationData: data
        });
    }


    Или если нужно, чтобы он оставался отдельным файлом:
    function p() {
        const jsonPath = new URL('./js/data.json', import.meta.url).href;
        
        o.loadAnimation({
            container: h,
            renderer: "canvas",
            loop: !0,
            autoplay: !0,
            path: jsonPath
        });
    }


    Успехов!
    Ответ написан
    Комментировать
  • Почему bash-скрипт неправильно копирует папку на macOS?

    @Zzzz9
    cp -r $flagsDir/ $buildedDir/ - копировать содержимое $flagsDir/

    cp -r $flagsDir $buildedDir/ - копировать директорию $flagsDir
    Ответ написан
    1 комментарий
  • Как сделать предзагрузку SVG без JavaScript?

    amux
    @amux
    alp.ac
    Возможно MIME type="image/svg+xml" поможет:

    <link rel="preload" href="./img/icon.svg" as="image" type="image/svg+xml">


    https://developer.mozilla.org/en-US/docs/Web/HTML/...
    Ответ написан
    Комментировать
  • Как сделать такую анимацию кнопки при наведении?

    irishmann
    @irishmann
    Научись пользоваться дебаггером
    Примерно так
    Ответ написан
    Комментировать
  • Почему JS не видит SVG-элементы по ID?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.

    Всё работает.
    Может вы console.log(svg) вызываете ДО появления элемента?
    Ответ написан
    Комментировать
  • Как передать массив в Bash-скрипт?

    xotkot
    @xotkot
    хорошо есть и хорошо весьма
    test.sh
    #!/usr/bin/env bash
    
    Langs=($@)
    
    for lang in "${Langs[@]}"; do
      echo "lang[$((i++))]=$lang"
    done


    $ ./test.sh ru en de
    lang[0]=ru
    lang[1]=en
    lang[2]=de
    Ответ написан
    2 комментария
  • Как передать массив в Bash-скрипт?

    ipatiev
    @ipatiev
    Потомок старинного рода Ипатьевых-Колотитьевых
    Так и передать, а потом разбить на элементы
    Вариантов разбивки много, например из головы такой
    #!/bin/bash
    echo $1
    for lang in $(echo $2 | tr "," "\n")
    do
      echo $lang
    done


    ./script.sh "other parameter" ru,en,fr,de,kk,pe
    Ответ написан
    Комментировать
  • Как передать массив в Bash-скрипт?

    akelsey
    @akelsey
    ./test.sh test1 test2 test3
    
    test.sh:
    #!/bin/bash
    for i in "$@"; do
      echo "$i"
    done
    Ответ написан
    3 комментария
  • Как рассчитать нагрузку на хостинге из нагрузки на CPU?

    Это делается путём нагрузочного тестирования.
    Смотри, как примерно себя ведёт посетитель сайта, какие действия делает и сколько.
    И потом моделируй это всё при помощи какого-нибудь инструмента для нагрузочного тестирования.

    Например вот как это можно сделать:
    https://firstvds.ru/technology/kak-provesti-nagruz...
    https://habr.com/ru/companies/otus/articles/507424/
    Ответ написан
    4 комментария
  • Можно ли уже использовать CSS-свойство text-wrap: balance?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Можно ли сейчас отказаться от подхода задания максимальной ширины

    От этого подхода нужно было отказаться всегда. Если вы имели в виду однотипные блоки и вашу попытку задавать им ширину в зависимости от контента "сейчас". Контент меняется.

    А также использую неразрывные пробелы для некоторых фраз.

    Это правильный подход.

    Т.е. лучше уж поставить br или span выполняющий его роль, чем фикс ширину для того, чтобы подстроить конкретный текст под блок. Если речь о каких-то дизайнерских моментах типа заголовков.

    Можно ли уже использовать CSS-свойство text-wrap: balance?

    Тут нужно начать с вопроса, а что будет если открыть сайт из браузера, который не поддерживает свойство.
    Что-то сломается? Нет.
    Т.е. это свойство работает наоборот: там где поддерживается, будет симпатичнее.

    p.s. и не используйте balance для блоков больше чем на 3-4 строки.
    Для длинных текстов text-wrap: pretty;
    Ответ написан
    Комментировать
  • Можно ли уже использовать CSS-свойство text-wrap: balance?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Переключитесь на вкладку "Date relative"
    В сафари поддержка появилась полгода назад, в лисе - менее года.

    Какое-то другое свойство я бы не стал использовать, на мой взгляд рановато.
    Но в данном случае что произойдет плохого? Ну максимум текст будет не так красиво выровнен,как вам хотелось бы. Это совершенно не критично. Так что использовать можно.
    Ответ написан
    Комментировать
  • Что означает ошибка, выводящаяся при выполнении bash-скрипта?

    jcmvbkbc
    @jcmvbkbc
    "I'm here to consult you" © Dogbert
    выводится ошибка - [: missing `]'
    Что значит эта ошибка

    Эта ошибка означает, что
    1) bash разбил команду
    if [ "$projectDir" == "video" && "$flag" != "noflag" ]; then
    следующим образом: ключевое слово if, команда [ с аргументами "$projectDir" == "video", оператор &&, команда "$flag" с аргументами != "noflag" ], разделитель ;, оператор then.
    2) первая команда [ (она же test), очевидно, не нашла в своих аргументах закрывающей скобки ], которая должна там быть при таком её вызове.

    как ее можно исправить?

    использовать -a вместо &&, как говорит man test.
    Ответ написан
    Комментировать
  • Как в bash из массива удалить элемент c с конкретным значением?

    saboteur_kiev
    @saboteur_kiev Куратор тега bash
    software engineer
    for (( i=0; i <= ${#lng[*]}; ++i )); do
      [ "${lng[$i]}" == "none" ] && unset lng[$i]
    done
    Ответ написан
    Комментировать
  • Как выполнить bash-скрипт после выполнения MPM-скрипта?

    ky0
    @ky0
    Миллиардер, филантроп, патологический лгун
    npm run buildSingle --argv "dir/index.html" && /path/to/bash_script
    Ответ написан
    Комментировать
  • Как сборщик преобразует значения?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Мда.. =)

    100vh - 389px            100vh   389px
    ————————————— : 8.92 = ( ————— - ————— ) : 8.92 = (1vh - 3.89px) : 8.92 =
        100                   100     100
    
    
    
      1vh - 3.89px     1vh     3.89px
    = ———————————— = —————— - ———————— = 0.1121vh - 0.4361px
          8.92        8.92      8.92
    Ответ написан
    Комментировать