Ответы пользователя по тегу JavaScript
  • Что должна возвращать функция?

    @AlexaZem
    Было бы не плохо почитать какую-нибудь книгу по js.
    p.s. Даже "какой-нибудь" хватит для ответа на текущий вопрос и будущие.
    Ответ написан
    Комментировать
  • Автоплей видео с youtube на WP?

    @AlexaZem
    хз ,как с вордпресс и параметрами.
    В хроме где-то с 66 отключили автоплей, и другие браузеры тоже скорее всего пойдут в данном направлении.
    Google разрешает автоплей если выключен звук.
    <video autoplay muted></video>
    или
    <video muted></video>
    video.play().then( => console.log('started')).catch(err => console.log(err));

    И video.play() теперь возвращает промисы
    Ответ написан
  • Как закрыть модальное окно при клике по экрану?

    @AlexaZem
    Можно закинуть ваше модальное окно в какой нибудь оверлей, типа

    <div class="overlay">
       <div class="your-dialog"></div>
    </div>

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .your-dialog {
         z-index: 2;
    }


    Повесить на клик по .overlay - закрыть диалоговое окно.
    на само окно - отмену всплытия событий (e.stopPropagation(), e.stopImediatePropagation)
    Может где сделал опечатку, но идея думаю ясна
    Ответ написан
    2 комментария
  • Как скрыть блок с видео, чтобы оно не подгружалось?

    @AlexaZem
    Можно скрыть этот блок через display: none.
    Видео и другие файлы подгружаются через атрибут src.

    Поэтому можно изначально в src не передавать url, а подкидывать JS-ом в нужных вам ситуациях.
    Ответ написан
    Комментировать
  • Как правильно подключить JQuery плагины в Angular 2?

    @AlexaZem
    подключить JQuery плагины в Angular 2

    Вообще плохая идея, лучше - поискать под ангуляр npm пакет | переписать под себя плагин/пакет | написать свой модуль. А самый лучший вариант - найти похожий модуль для ангуляра, выкинуть все лишнее и организовать его в собственный кастомный модуль. При дальнейших обновлениях отдельных модулей или при переходе на новые версии ангуляра - меньше гемора будет.
    А для интереса, что за плагины такие что без них никак?))

    Или если
    Сделал верстку и собрал проект с помощью gulp, все библиотеки и плагины объеденил в 1 файл
    зачем Вам ангуляр?
    Ответ написан
    Комментировать
  • В какой последовательности изучать JavaScript?

    @AlexaZem
    Здесь уже все четко отписали.
    JavaScript
    Gulp && WebPack
    Angular || Vue.js || React.js
    Node.js

    Единственное, что хотелось добавить.
    При выборе фреймфорка лучше не ориентироваться на хайповые статьи типа Angular vs React.js и т.д.
    У каждого свои особенности, прилагающийся стек и "идеальная" область применения. (а всякие сравнения скорости билдов-рендеров, веса приложения вам на начальном этапе ситуацию не разъяснят, та и нет каких-нибудь киллер фич, которые позволяют какому нибудь фреймворку жестко доминировать)) )
    Поэтому лучше отталкиваться от того - какого вида веб приложения Вам больше хотелось бы разрабатывать.
    Ответ написан
    Комментировать
  • Какие основы должен знать железно junior-frontend developer по javascript?

    @AlexaZem
    Все очень условно, в одной компании можно на мидла пройти в другой это стронг джун и т.д.
    И естественно нет такого списка вопросов зная ответы на которые, можно гарантировано получить должность. Как правило это стандартные вопросы по: замыканиям, наследованиям, что нибудь из ООП, промисы ну и какие нибудь вопросы по методам js для работы с данными.

    И как правило, после js (если все ок) идет переход основному фреймворку на котором делали акцент до собеседования.

    И естественно это еще больше непредсказуемых вопросов. Так что не смотря на все хайповые заголовки курсоделов "frontend за 3 месяца" или "порог вхождения во front очень низок", занять должность джуна новичку довольно не просто.
    Ответ написан
    Комментировать
  • Кто знает как пофиксить баг с автозаплнением форм в chrome?

    @AlexaZem Автор вопроса
    Нашел решение сам. Если кому нужно:

    Задаем стили для автозаполненых полей (через animation поле можно сделать прозрачным и анимация нам еще понадбиться)
    CSS
    @-webkit-keyframes autofill {
        to {
            color: #fff;
            background: transparent;
        }
    }
    
    input:-webkit-autofill {
        -webkit-animation-name: autofill;
        -webkit-animation-fill-mode: both;
    }

    JS
    var autofill;
    
    passInput.addEventListener('animationstart', (e) => {
    	autofill = e.animationName === 'autofill'; // 'autofill' - имя css анимации, которую мы задавали
    });


    Алгритм действия:
    Если есть автоозапоолнение от хрома инпуту добавляется анимация "autofill".
    js отлавливает "animationstart" и присваевает true/false переменной autofill
    Ответ написан
    Комментировать