• Ошибка импорта vue-chart, как исправить?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Инсталируй в свой проект vue-chartjs, и импорть по человечески)
    Ответ написан
    Комментировать
  • Почему не отображает vue компонент?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Ты забыл примонтировать всё это счастье в нужный дом-элемент. Потому и ошибок никаких нет и в консоли всё чисто. Просто есть экземпляр вью, который ни с чем не связан и неинтерактивный шаблон
    Ответ написан
  • Настройка Nativesript vue router?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Тебе ведь next в beforeEach не просто так приходит)
    Ответ написан
    Комментировать
  • Как уменьшить размер скомпилированного vue с webpack?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    У вас проблема с вебпак конфигом или конфликты плагинов, так как, видимо, размер увеличивается из-за неоднократного подключения модулей Vue. Он по идее должен подключать его единожды. Поставьте дефолтный конфиг и всё пересоберите, скорее всего поможет. В принципе, комментатор Станислав Лашманов , сказал всё что нужно
    Ответ написан
    Комментировать
  • БЭМ-микс и Vue.js?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Ну так всё верно получается) в слот таким образом никак класс не передать)
    1. Если так нужна бэм нотация, то оберни слот в див с классом потомка
    2. Но лучшим вариантом, на мой взгляд, будет избавиться от этой нотации, и вот почему:
    Глупые vue компоненты не должны быть большими и могут содержать больше одного блока только в рамках исключения. Из этого следует вывод, что хоть методология БЭМ и остается почти неизменной, но всю бэмовскую нотацию во vue файлы тащить не стоит. Для примера: можно избавиться от добавления класса блока беред классами элементов, так как блок один, а классы уникальные благодаря scoped. (Единственное - нужно учитывать, что к рутовому блоку по классу может обратиться родитель компонента, но это уже частности)
    Ответ написан
  • Как правильно задавать размеры в мобильной верстке для сайта html css?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Советую переписать в формате mobile-first, тогда часть проблем должна исчезнуть, так как наращивать стили всегда проще (особенно в медиа), чем перекрывать лишнее (это перекрытие-переделка и ведёт к ошибкам, так как тяжело все нужные правки держать в голове). А после уже можно здесь задавать отдельные вопросы по тем или иным, конкретным, проблемам.
    Ответ написан
    Комментировать
  • Как оптимизировать и сократить мой большой код на JavaScript?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    У меня есть такие советы:
    1. Выдели данные и вынеси наверх с говорящими названиями (чтобы понимать что вообще происходит)
    2. Определись, наконец-то, используешь ты jQuery или пользуешься нативными средствами js (чтобы прийти к единообразию)
    3. Если вдруг решил, что используешь - подумай ещё разок
    4. Если есть возможность, то используй какой-нибудь архитектурный фреймворк под тип vue, react (да-да, я в курсе, что его называют библиотекой) и иже с ними (при их использовании придётся данные относить к данным, а обработкой заниматься в обработчиках, и в общем у кода появится структура, он станет хотя бы понятен. Не, там тоже можно наговнакодить, но сделать это будет чуть сложнее, и разбирать эту субстанцию будет чуть проще)
    5. Сократи код, вынеся все повторяющиеся моменты (вместо кучки элсэифов можно сделать пару функций с параметрами)

    Ну и общая рекомендация: почитай про dry, kiss и solid, и применяй (пока везде применяй, где можешь, потом разберёшься, где это не нужно. Ps: нужно почти везде)
    Ответ написан
    Комментировать
  • Верстка для мультилокали?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Выносим все ui блоки в свой ui-kit, и прокидываем туда локаль, которая будет модификатором для ваших элементов.
    Ну и максимально разбиваем наши глупые компоненты: кнопка - отдельно, иконка-лоадер к этой кнопке - отдельно и так далее. Крупные ui элементы типа таблиц так же максимально разбиваем вплоть до cell и cellContent. Ну и пользуемся scss/sass миксинами и импортами, что позволит нам придерживаться dry.
    Это основные советы, думаю ближе к проекту можно ещё что-то придумать для облегчения разработки
    Ответ написан
    Комментировать
  • Vue: как реализовать связывание загруженного svg с данными?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Вам нужно сделать из них vue компоненты динамически. Есть небольшая статья, часть из которой может вам помочь: https://habr.com/ru/post/345814/
    Ответ написан
    Комментировать
  • Как правильно использовать БЕМ во Vue?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    На мой взгляд, следует сделать отдельные компоненты в таких случаях и подключать их. Тем более вы сами сказали, что требуется их идентичное оформление, что уже достаточно для выноса в отдельный компонент (компоненты не обязаны нести функциональную составляющую). Так будет намного меньше кода в шаблонах, не нужно подключать css и придумывать как глобально подключить стили, которые глобальными быть не должны)
    1. Глупые vue компоненты не должны быть большими и могут содержать больше одного блока только в рамках исключения.
    2. Из этого следует вывод, что хоть методология БЭМ и остается почти неизменной, но всю бэмовскую нотацию во vue файлы тащить не стоит. Для примера: можно избавиться от добавления класса блока беред классами элементов, так как блок один, а классы уникальные благодаря scoped. (Единственное - нужно учитывать, что к рутовому блоку по классу может обратиться родитель компонента, но это уже частности)
    Как-то так)
    Ответ написан
  • Как организовать доступ к vue-компонентам из других компонентов?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Есть минимум два варианта:
    1. Используйте для сборки не vue-cli, либо модернизируйте конфиг так, чтобы сборка не пыталась подключить eslint-loader, которого там нет, а брала его из мест, где он есть.
    2. Сделайте пакет для vue компонентов из админки, запаблишите и юзайте. Или не паблишите, а просто прилинкуйте, если на это стоит запрет.
    Скорее всего есть ещё варианты)

    P.S. Какой-то поздний ответ =)
    Ответ написан
    Комментировать
  • Как разобраться в Vue?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Помимо уже озвученного по изучению js, советую изучить инфраструктуру вокруг js и его сборки. Это тоже поможет в понимании любых фреймворков.
    Инфраструктура вокруг js, это всё, что связано со словами: npm, webpack, шаблонизаторы, препроцессоры, обработка ошибок, git и ещё много чего ещё.
    Так же, советую хотя бы поверхностно изучить архетектурные паттерны, чтобы лучше понимать, почему фреймворки делают то, что делают и зачем нужен vuex там где нужен.
    А после склонить какую-нибудь простейшую репу на вью и попытаться понять, что за магия там происходит. На этом этапе и придется смотреть в доки. Без реального примера, который можно потрогать, понимание приходит намного дольше.
    Ответ написан
    1 комментарий
  • Не переносится таблица на мобильных устройствах. Как сделать?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    На мой взгляд, здесь не нужна таблица. Используйте флекс, flex-wrap: wrap и flex-basis с нужной шириной, после которой должен происходить перенос
    Ответ написан
    Комментировать
  • CommonJS / RequireJS - зачем?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Эти инструменты нужны для нескольких вещей:
    1. Создания модульной структуры
    2. Ленивой загрузки
    3. Систематизации и увеличения контроля над зависимостями проекта

    Всё это не нужно на небольших проектах. Но без этого сложно обходится на больших.
    Ответ написан
  • Как правильно устроить анимацию SVG?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Или может просто смещение этого градиента сойдет за перелив - но как это сделать из CSS, если за это отвечает аттрибут offset?

    Сойдет. Делаешь два одинаковых градиента, и каждый анимируешь примерно так:
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(100%);
    }


    Только задержку поставь одному из них
    Ответ написан
    Комментировать
  • Как центрировать блоки с float:left?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Если есть возможность - откажись от float'ов (первый ответ)
    Если нет - третий ответ :)
    Можно так же центрировать внешний блок, но у него должна быть указана ширина. И для верного центрирования она должна быть равна сумме широт блоков и пространств между ними.
    Ответ написан
    Комментировать
  • Как правильно активировать\деактивировать кнопку по наведении мыши?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    На чем тестишь? В твоем примере всё работает. (Firefox 47.0)
    Ответ написан
    3 комментария
  • Событие изменения стилей элемента при скролле до определённой точки окна браузера?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    я лентяй ничего нихачу учить нихачу гуглить искать када есть тостир

    Так можно навсегда остаться junior'ом. Хотя junior должен знать, как такое делается.

    jQuery делает сие в 5 строчек:
    var scroll = 0;
    $(window).on("scroll", function(){
        scroll = window.pageYOffset || (document.documentElement.clientHeight ? document.documentElement.scrollTop : document.body.scrollTop);
        if ($(".your_element").css("display") === "none" && scroll > 1200) { // 1200 - "определенный пиксель"
            $(".your_element").fadeIn();
        }
    });
    Ответ написан
    Комментировать
  • Уникальный CSS для каждой страницы?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Если есть доступ к серверной стороне, то подставлять переменную в link:

    <?php
        $split_uri = split("/", $_SERVER["REQUEST_URI"]);
        $page_name = $split_uri[count($split_uri) - 1];
        // Модифицируешь имя как нужно и...
        $css_name = $page_name;
    ?>


    <!Doctype html>
    <html>
        <head>
            <link href="/css/<?=$css_name?>" rel="stylesheet"/>
        </head>
    
        <body>
        </body>
    </html>
    Ответ написан
    Комментировать
  • Создание ссылки с результатами поиска если параметры поиска на JS?

    Per_Ardua
    @Per_Ardua
    Frontend developer
    Либо есть простой вариант, но для этого нужен доступ к серверу этого самого сайта с французскими духами. Тогда можно всё организовать на JS.
    Ответ написан
    Комментировать