• Как правильно повесить обработчик события?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Потому, что в первом случае вы передаете возвращаемое значение функции, а во втором функцию, которую нужно выполнить.
    т.е. element.addEventListener ожидает вторым аргументом функцию, которую следует выполнить. Вот этот кусок
    myFunc('arg')
    это вызов функции с аргументом 'arg', вызов функции будет произведен сразу, и его результат (который будет передан в return функции) будет передан в element.addEventListener. Вы конечно же можете в myFunc вернуть функцию, тогда будет работать.
    также можно написать так
    element.addEventListener( "click" ,  myFunc.bind(null, 'arg') );

    метод bind создает и возвращает функцию обертку, при вызове которой, в нее будет подставлен аргумент 'arg'.
    Ответ написан
    Комментировать
  • Почему .filter() возвращает true а элемент в результат не попадает?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Нет, возвращает true она только два раза, т.к. условие
    start_count < per_page
    выполняется 2 раза, т.к. per_page = 3, а start_count увеличивается с каждой итерацией.
    Ответ написан
    Комментировать
  • Почему не работает отладка в Visual Studio Code?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Так это, в выводе отладчика нет ошибки, это штатный вывод. Вот я Hello world вывел
    C:\Program Files\nodejs\node.exe --inspect-brk=44476 index.js 
    Debugger listening on ws://127.0.0.1:44476/fe1dcce1-77f5-4ca5-88bd-f2ef15262148
    For help, see: https://nodejs.org/en/docs/inspector
    Hello world

    т.е. по этим логам видно, что мой код выполнился.

    Проблема в вашем коде, который является вечным циклом. Вы пишите цикл, который выполняется, пока эти обе переменные равны единице, а они у вас всегда равны единице, поэтому идет вечный цикл.
    Если брать в расчет то, что у вас в комментариях. Так в ноде нет функций promt и alert.
    Ответ написан
    Комментировать
  • Почему регулярное выражение неправильно работает?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    /[0-9]{4}/ - значит, что строка будет содержать 4 цифры ,а не состоять из 4-х цифр.
    Поэтому нужно дописать вначале ^ - начало строки и в конце $ - конец строки
    /^[0-9]{4}$/ - строка должна состоять из цифр.
    Ответ написан
  • Где найти работу начинающим?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Хотелось бы найти человека, который сможет подкидывать "работу".

    Проблема в том, что таких как вы очень много, и даже больше, есть те, кто хотят работать за бесплатно, лишь бы набрать опыта. Следовательно, вам нужно доказать потенциальному работодателю, что вы лучше других, не путем демпинга цен, а путем представления себя. Набейте портфолио хорошими работами. 5-6 работ, и вы уже выделяетесь на фоне других. Научитесь писать отклики на заказы (cover letter). Найдите еще одного человека в команду, который будет натягивать вашу верстку на CMS, т.к. чистая верстка на фрилансе реже бывает, и вы рискуете потерять часть заказов.
    На фрилансе работают очень много посредников/студий, которые как раз и могут давать вам поток заказов, но нужно убедить их в том, что вы надежные профессионалы.
    Ответ написан
    Комментировать
  • Как создать div в js?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Не знаю, понял ли я вопрос. Вы хотите добавить в документ новый div, который будет содержать значение переменной?
    let element = document.createElement('div');
    element.innerHTML = varName; // заполняем значением с переменной
    document.body.appendChild(element); // добавляем в документ
    Ответ написан
    Комментировать
  • Как убрать искажение элемента?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Потому, что это не круг, а овал. Вот я начертил квадрат поверх, и видно, что высота у вашего овала меньше чем ширина
    5c93861ba397a324024466.png
    Ответ написан
    1 комментарий
  • Babylon.js или Three.js?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Будет полезно взглянуть https://www.reddit.com/r/javascript/comments/a7zbf...
    А вообще, лучше бы вы сами выбрали. т.к. если бы был однозначный ответ, то все бы так и использовали один инструмент. Каждому нравится свое. Просто попробуйте сравнить их, напишите простенький проект на Babylon.js, Three.js а также чистом WebGL, и сравните, какие проблемы WebGL они решают лучше, где проще создавать фигуры, взаимодействовать с ними. Я лишь могу сказать, что у Threejs более крупное сообщество, но Babylon.js активнее развивается.
    Ответ написан
  • Возможно ли вывести две панели dev tools на одной вкладке Chrome?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Не думаю, что это возможно. т.к. devtools очень зависит от текущей страницы. Можно конечно пошаманить с devtools-protocol, и подключить дополнительный devtool в отдельном окне https://developers.google.com/web/updates/2017/10/...
    Ответ написан
  • Как сдвинуть полосу прокрутки?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Можно убрать overflow у body, создать внутри body отдельный блок, поместить в него все содержимое, и уже ему задать вертикальный скролл и нужный отступ.
    UPD: пример
    Ответ написан
    4 комментария
  • Как на js делают такие слайдеры?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    В принципе, не так сложно. Достаточно в каждый слайдер поместить два блока - дата и контент. Контент скрываем. И при скролле слайда, поворачивать все слайды через transform: rotate, а тому слайду, у которого поворот будет равным нулю, назначаем класс active, в котором указываем, что нужно показать блок с текстом.
    Грубый пример:

    UPD: вот так лучше иллюстрирует
    Ответ написан
    1 комментарий
  • Как в Typescript в интерфейсе правильно указать тип?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    У вас корректный код. В интерфейсе A в поле service ожидается объект класса, который имеет предка B. Все должно работать без приведений типов https://jsfiddle.net/hybt1qjz/
    Ответ написан
    Комментировать
  • Как спрятать адрес запросов на API?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Ну, совсем никак, даже если вы чудом удалите вкладку network с хрома, есть же различные http(s) снифферы, которые легко перехватят передаваемый трафик. Другое дело, что можно запутать запросы, чтобы любопытному человеку было сложно в них разобраться.
    Ответ написан
  • HearCommand not defined?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Ну так, hearCommand не определен у вас нигде, не импортирован, откуда вы взяли эту функцию?
    UPD: а, вы видимо где-то скопировали, но не все. Судя по всему, отсюда https://github.com/negezor/vk-io/blob/07013a339eb3... Тогда вам нужно скопировать еще
    const { updates } = vk;
    const hearCommand = (name, conditions, handle) => {
    	if (typeof handle !== 'function') {
    		handle = conditions;
    		conditions = [`/${name}`];
    	}
    
    	if (!Array.isArray(conditions)) {
    		conditions = [conditions];
    	}
    
    	updates.hear(
    		[
    			(text, { state }) => (
    				state.command === name
    			),
    			...conditions
    		],
    		handle
    	);
    };
    Ответ написан
    1 комментарий
  • Border делает отступ для других блоков как исправить?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Если контент с фиксированным размером, то box-sizing, но я полагаю, что у вас высота блока зависит от содержимого. В таком случае предлагаю установить блоку прозрачную рамку такого же размера
    .block {
        border: 1px solid transparent;
    }

    и при наведении, просто менять цвет рамки.
    .block:hover {
        border-color: red;
    }

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

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Так это '?page=1$' не регулярка, вот это /\?page=1$/i регулярка
    '/routes.html?page=1'.replace(/\?page=1$/i, '')
    Ответ написан
    Комментировать
  • Реально както сократить код?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    -ms-input-placeholder - такого не существует. Также вы забыли -moz-placeholder.
    Я не думаю, что это можно сократить. Группировать нельзя, т.к. если один из селекторов группы не поддерживается браузером, весь блок будет проигнорирован. Если вы используете автопрефиксер, то вас не должно заботить ручная расстановка префиксов.
    UPD: а, ну можно скрупировать focus и hover для каждого браузера
    .form__reg_placeholder:hover::-webkit-input-placeholder,
    .form__reg_placeholder:focus::-webkit-input-placeholder {
      color:#000;
    }


    Типа вот так
    .form__input {
      height: 36px;
      width: 268px;
      font-size: 13px;
      border: none;
      border-bottom: 1px solid #bababa;
      outline:none;
      margin-bottom: 15px;
    }
    
    .form__reg_placeholder::-webkit-input-placeholder {
      color:#acacac;
    }
    
    .form__reg_placeholder::-moz-placeholder {
      color:#acacac;
    }
     
    .form__reg_placeholder::placeholder {
      color:#acacac;
    }
    
    .form__input:hover,
    .form__input:focus {
      border-bottom: 1px solid #000;
    }
    
    .form__reg_placeholder:hover::-webkit-input-placeholder,
    .form__reg_placeholder:focus::-webkit-input-placeholder {
      color:#000;
    }
    
    .form__reg_placeholder:hover::-moz-placeholder,
    .form__reg_placeholder:focus::-moz-placeholder {
      color:#000;
    }
    
    .form__reg_placeholder:hover::placeholder,
    .form__reg_placeholder:focus::placeholder {
      color:#000;
    }
    Ответ написан
    1 комментарий
  • Какой вуз выбрать и стоит ли оно того?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Я советую заочку, сам через это прошел и не жалею. В программировании очень важна математика, она меняет мышление, прокачивает мозг, позволяет некоторые задачи решать красивее. Без ВУЗа большинство программистов не уделяют внимания математике и алгоритмам, которые нужны как минимум для удачного прохождения собеседования, да и вообще, позволяют писать более оптимизированный код, т.к. понимаешь как все работает "изнутри".
    На заочке вам будут давать методический материал, базово рассматривать изучаемую тему, а также скажут, какие вопросы будут на экзамене. Так будет хоть какая-та мотивация учить те вещи, которые на первый взгляд не пригодятся в профессии (плюс темы не по профессии - психология, культура речи). Также плюсом будет консультация у профессоров по теме, проверка работ, а также самое главное, написание и защита диплома. К диплому лучше отнестись ответственно, и выбрать для себя интересную и сложную тему.
    Конечно же, вы можете скачать учебный план любого ВУЗа, и следовать его программе. Если у вас есть столько терпения, то пробуйте.
    Очку не советую (если это не какой-то передовой ВУЗ, у дверей которого стоят рекрутеры), т.к. потратите очень много времени не набравшись реального опыта.
    Заочка + работа отличный вариант, после выпуска у вас уже будет опыт работы и образование.
    Ответ написан
    9 комментариев
  • Какой программой можно сразу точно увидеть, откуда взялись отступы в верстке?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Не помню таких проблем с отступами, которые нельзя было локализовать через инструменты разработчика хрома. Всегда можно навести на элемент, и изучить его блочную модель справа в инструментах разработчика.
    Ответ написан
    Комментировать