Ответы пользователя по тегу JavaScript
  • Как в js присвоить команды и значения на кирилице?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Как верно заметили выше, в javascript нет макросов, но... если очень хочется, можно взять любую систему сборки (grunt/gulp - на ваш вкус), прикрутить любой плагин, который заменяет строки в файлах и получить эффект того, что вы используете все эти ваши команды в своем коде, потом сборщик заменяет нужные команды, на код на js, и уже потом происходит все остальное, что обычно делают сборщики. Решение явно не для реальных проектов, но если вы хотите сделать свой yoptascript - побаловаться можно.
    Ответ написан
    Комментировать
  • Будут ли проблемы с индексацией сайта с интерфейсом на vuejs?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Vue нынче умеет в серверный рендеринг, так что с этим проблем не должно быть.
    Ответ написан
    Комментировать
  • Как делать Ajax запросы в vue.js?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Как принято делать такие запросы в vue?

    Сейчас модно использовать fetch - codepen (только нужно подставлять полифилл для лучшей поддержки браузерами).

    Я правильно понимаю, что нужно создать метод загружающий данные и вызывать его в created, и затем с определенным интервалом вызывать этот же метод?

    Это было бы логично, да.
    Ответ написан
    4 комментария
  • Расскажите, кто юзает Vue.js в рабочих проектах? Какие обычно затыки возникают по мере расширения приложения?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Могу посоветовать на досуге послушать запись трансляции доклада Let's Vue!, там умный дядя доступно объясняет какие по его мнению есть у Vue преимущества, странности и недостатки (первая часть теоретическая, вторая практическая).
    Ответ написан
    Комментировать
  • На каком уровне нужно знать js, чтобы изучать React, Angular framework или jQuery?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    На каком уровне нужно знать js, чтобы изучать XXX

    Ответ: если вы читаете документацию по XXX и понимаете о чем идет речь - вы готовы изучать XXX.

    P.S.: Если выбираете между ангуляром и реактом - почитайте про Vue - он по сложности вхождения сопоставим с jQuery.
    Ответ написан
    1 комментарий
  • Как правильно делать валидацию форм?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    они делают валидацию для каждой формы (почему??? Ведь про какое то поле можно забыть к примеру =))

    Валидация - она на то и валидация, нужно все проверить.

    ведь id по сути вообще плохой тон

    Эмм... что? В стилях - да, это плохо, но не в скриптах.

    Тогда придется второй тоже другие id делать

    Это проблема? Кажется, что нет.

    по словам крутого разраба, ПРОЩЕ сделать самому.. Что скажите?

    Валидация на клиенте - это регулярное выражение + некая реакция на правильность/неправильность действий пользователя. Написать руками часто действительно проще и быстрее, чем переписывать готовое.

    посылаю запрос контроллеру (laravel использую) и в представление передаю статус, в зависимости от которого выводятся разные сообщения. Т.е. в случае ошибки сервер дает вьюху с ошибкой.

    С точки зрения UX вы должны (если пользователь ошибся) показать ему сразу на ошибку в духе "эй, парень, у тебя пароль короче восьми символов" и подсветить форму с паролем (пример). И ничего не отправлять на сервер.
    Ответ написан
    6 комментариев
  • Можно ли использовать JS на ЕГЭ?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Из демоверсии 2017 года:
    Вы можете записать решение также на другом языке программирования (укажите название и используемую версию языка программирования, например, Free Pascal 2.6) или в виде блок-схемы.

    Так что теоретически можете. На практике - у вас скорее всего будут проблемы. JS сам по себе не имеет ничего для работы с вводом данных, который требуется в заданиях. Да и можете что-то ляпнуть случайно. А потом придется подавать апелляцию и объяснять проверяющему, что это ES8 (а он JS видел в последний раз в какой-то книжке лет 10 назад) и все работает на node.js, поэтому у вас там есть потоки ввода-вывода...
    Ответ написан
    1 комментарий
  • Как сделать красивый футер?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Как сделать футер который всегда будет находиться в самом низу страницы?

    Вот так.

    P.S.: Этот же пример я вставлял в ответы на другие вопросы: 374214, 379899, 396793, 401529...
    Из чего можно сделать вывод: учитесь пользоваться гуглом.
    Ответ написан
    Комментировать
  • Как получить данные из списка vue?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Вероятно вам нужно что-то такое (надеюсь понял вопрос).

    P.S.: В перспективе - прикладывайте сразу песочницу, чтобы было проще понять происходящее (тут есть универсальная заготовка для Vue+Vuex+Lodash)
    Ответ написан
    2 комментария
  • Как вывести несколько строк в компоненте vue.js?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Подскажите, что я делаю не так. Component template should contain exactly one root element.

    У вас ошибка довольно простая: в переводе звучит как "шаблон компонента может иметь только один корневой элемент":
    <template id="login-form">
    <div>
        <div>@{{ labelName }}</div>
        <div>@{{ labelPassword }}</div>
    </div>
    </template>
    Ответ написан
  • Как передать в props не строку, а выражение в Vue.js?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    artekha , Дмитрий Беляев совершенно правильно вам намекает на computed. Опишу подробнее: у вас есть "список всех задач". А вам нужно получить "список выполненных задач" и "список невыполненных". Вы берете и делаете следующее (все это для примера):
    var vm = new Vue({
        .....
        data: {
            tasks: []
        },
        computed: {
            completedTasks() {
                return _.filter(this.tasks, (task) => task.completed);
            },
            pendingTasks() {
                return _.filter(this.tasks, (task) => !task.completed);
            }
        }
        ....
    })

    а потом используете эти самые completedTasks и pendingTasks:
    <div id='app'>
        <div>Completed:</div>
        <div v-for='task in completedTasks'>
            <span>{{ task.text }}</span>
            <input type='checkbox' v-model='task.completed'>
        </div>
        <br>
        <div>Pending:</div>
        <div v-for='task in pendingTasks'>
            <span>{{ task.text }}</span>
            <input type='checkbox' v-model='task.completed'>
        </div>
    </div>

    Вот вам codepen для наглядности.
    Ответ написан
    2 комментария
  • Где найти интересные скрипты и ccs3 фишки?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Где найти интересные скрипты и ccs3 фишки?

    Все там же.
    Ответ написан
    Комментировать
  • Что создать новичку для практики?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    https://codepen.io/pens/ - выбирайте демку и пробуйте сделать ее самостоятельно.
    Ответ написан
    6 комментариев
  • Какие флексбокс сетки вы используете?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Вы при верстке используете готовые сетки на их основе

    Использовал самописную на основе FlexboxGrid. Простая сетка, без излишеств, в 99% случаев ее достаточно.

    или верстаете применяя флексбоксы в css

    Недавно открыл для себя LostGrid - очень приятная вещь, советую посмотреть.
    Ответ написан
    Комментировать
  • Как сделать переход от поля к полю на js?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Не уверен на счет ios, но у ведроида кнопки Go/Next выполняют ту же роль, что и классический enter. Соответственно вам нужно при нажатии enter (keycode=13), перекидывать фокус на следующий input - codepen.
    Ответ написан
    Комментировать
  • Генерация цветов?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Если количество различных id ограничено (100 штук к примеру) - то можно воспользоваться чистым CSS (codepen). Ну может не совсем чистым... и может это не совсем практично... но можно же?
    Ответ написан
  • Почему не работает фильтр Vue.js?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    в калбэк фильтра не передается первый аргумент. Что я делаю не так? Разве он не должен подставляться туда автоматически?

    Должен. Сделал демку на codepen, там все работает (тут есть логическая ошибка - value.replace не меняет значение value).

    Насколько я понял, вы хотите сделать жирный текст на странице. Но для того, чтобы полученная строка интерпретировалась как html, нужно использовать v-html, а внутри него фильтры не работают (они работают только в {{ ... }} и v-bind). Так что стоит склониться к использованию computed-свойства вместо фильтра.
    Ответ написан
    Комментировать
  • Почему следующий работает следующий синтаксис вызова функции?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Потому что в ES6 добавили краткую форму записи для методов - https://developer.mozilla.org/en-US/docs/Web/JavaS...
    Ответ написан
    1 комментарий
  • Появятся ли вакансии, требующие знания экосистемы vue.js в 2017?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Появятся ли вакансии, требующие знания экосистемы vue.js в 2017?

    Думаю да. За рубежом Vue сейчас в тренде (учитывая, что относительно стабильная версия 2.0 вышла пол года назад), многие его начинают использовать, а значит скоро и у нас некоторые продвинутые компании начнут пробовать, может кто-нибудь возьмется написать пару толковых статей на хабр в духе "Vue 2 в изучении проще, чем jQuery" (на медиуме уже было что-то такое), а затем (я надеюсь) и остальные, которые просто увидят, что "вон те крутые чуваки это используют".

    на тостере даже тега vue нет...

    А давайте заведем, позадаем друг другу вопросы, быть может и народ заинтересуется :)

    P.S.: Наверху Vue назвали "мутантом", но давайте ради интереса вернемся на 5 лет назад. Тогда любой здравомыслящий разработчик сказал бы, что писать разметку в скриптах - это фу-фу-фу и нужно этого избегать. А потом появился React... и те же самые люди стали говорить, что разметка в скриптах - это круто.
    Ответ написан
    1 комментарий
  • Как укоротить createElement в javascript?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    я хотел изящней =)

    Хм... если искать изящный, но при этом бессмысленный и беспощадный вариант решения этой задачи, - то можно прикрутить сюда генератор (никогда так не делайте):
    let div = (function*() {
        while (true) yield document.createElement('div');
    })();
    
    let div1 = div.next().value,
        div2 = div.next().value;
        ....

    Ну и демка на codepen на всякий случай.
    Ответ написан
    Комментировать