Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Дмитрий Pacification

Трудности рождают прорыв
  • 16
    вклад
  • 12
    вопросов
  • 62
    ответа
  • 8%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как убрать переход на страницу по ссылке?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    1) Вешаешь колбэк на ссылки, Object.values(document.querySelectorAll('a')).map(l => l.addEventListener('click', onClickHangler))
    Реализация: onClickHangler
    (e) => {
    if(document.location.href.includes(e.target.pathname)) {
    e.preventDefault();
    }};

    2) Только потом нужно не забыть сделать
    Object.values(document.querySelectorAll('a')).map(l => l.removeEventListener('click', onClickHangler))
    onClickHangler

    3) Так же строки можно сверять через === или .startsWith(). И есть вероятность что нужно будет дополнительно удалять из ссылки первый "/", иначе в проверке всегда будет false

    И еще вариант:
    Ты можешь в querySelectorAll добавить поиск по url (document.location.pathname), и находить только те ссылки в которой url совпадает с текущей. И вешать хэндлеры только на них. Ну и так же уберать придеться только с них. И тогда в onClickHangler тебе только нужно будет делать e.preventDefault();
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Правда ли что рынок веб разработки "перегрет"?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Перегрет начинающими джунами, но дефицит сеньеров. Даже не каждый мидл - это мидл по факту. Мое личное субъективное понимание: мидл с 2-х летним опытом - это не мидл на самом деле, а просто хороший джун. Чтобы стать мидлом нужно лет 5, чтобы стать сеньером 10. Все, кто кричат что они сеньеры но у них нет 10 лет в сфере (получение профильного образование тоже входит в эти 10 лет) - они очень хорошие мидлы.

    10000 часов (это 5 лет упорной работы с по 40 часов в неделю) - это, как в интерентах пишут, время за которое можно стать профессионалом. Но без профильного образования нужно не 10к а 20к. Т.е. ты тупо 5 лет учишься всему новому.

    5к часов - это просто уверенный уровень. Ты знаешь, но не все, а что не знаешь - в том сможегшь разобраться сам.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Почему барахлит выделение Flex-элементов?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Неправильно по каким меркам? Может это как раз ожидаемое поведение с точки зрания браузера?
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Можно ли сделать чтобы высота зависела от ширины?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Я начинал с https://learn.javascript.ru А потом уже книги серьезных дядек типа Фленегана
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Где почитать про правильную архитектуру приложения?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Думаю какие-то фундаментальные знания Вам помогут: www.ooart.ru/uploads/book/arhitektura_korporativny...
    https://www.quality-assurance-group.com/book/sover...
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как при помощи только CSS и HTML вывести два квадрата на всю ширину окна браузера (вне зависимости от разрешения)?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Сейчас уже так пишу. Раньше долбался всякими inline-block и floaтами
    .wrapper {
        display: flex;
        flex-flow: row nowrap
      }
      .red {
        flex: 1 0 50%;
        background: red;
      }
      .blue {
        flex: 1 0 50%;
        background: blue;
      }
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • В EDGE flexbox расширяется на всю длину, в Chrome нет. Как убрать заполнение свободного пространства справа в EDGE?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    1) Проверь min-width/max-width?
    2) Скорее всего в EDGE проблема ка ки в ie11. Когда ты ставишь display flex, для всех дочерных элементов (т.е. div.display-flex > * ) должно быть указано свойство flex (flex: 0 0 auto можешь попробовать). По идее должно пофикситься.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как реализовать обращение к api?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Ну про Axios уже ответили, по этому ссылок не предоставлю
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Есть ли кросcплатформенный UI?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Материал погугли
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Кто сможет помочь настроить отображение хлебных крошек в React?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Мне кажется, что можно для такого случая использовать реакт роутер https://reacttraining.com/react-router/web/example...

    Можно так же создать компоненту Breadcrumbs которая будет иметь свойство path, метод parseUrl который берет либо из текущего location, либо мы прокидываем руками (на ваш вкус и цвет), getPath будет возвращать значение и setPath будет принимать значение и предварительно его обрабатывать. И когда делаешь history.push дергать сеттер, который обновляет свойство (если все же выбрали прокидывать руками).
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Почему при скроллинге HTML-тэг video перекрывает блок div?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    попробуйте отрицательные марджины задать видео
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как можно стилизовать тег option у selet-a c помощью css?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Я обычно реализовывал кастомный селект из дивов с логикой на js. В React такой подход годная тема.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как верстать такие декоративные элементы?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Еще способ: border-image с repeat
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Не правильно установился gulp, как исправить?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Failed at the node-sass@3.13.1 ----> Поменяйте версию node-sass, посмотрите еще раз.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как верстать картинки которые шире блока?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    background-size contain ?
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как защитить сайт от выкачки через инспектор?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    А смысл такое делать? Заливаете на битбакет, и в случае чего у вас есть пруф что вы разрабатывали его .... особенно если вы теально туда что-то комитили.

    Обфусцируете js переменные и css классы (знаю что такое на реате можно делать. Если нет реакта, думаю не сложно будет самому скрипт на дж-се наваять) Просто смысл так мучатся если там простенький сайт? ))
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Sublime text 3 не работает autoprefixer?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Подключите сторонний autoprefixer в проект и настройте как вам удобно. Завтра Sublime обновиться и что-то сломается. Или вдруг вы перейдете на Vidual Code, WebStorm etc.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • С чего начать учить React?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Я учил реакт на курсах. До того как я взялся за реат я уже знал как собирать фронтенд с помощью Gulp. Освойте сначала его. Как собирать стили и скрипты. Потом я сам по оф документации освоил webpack. Ну как освоил, могу подключить babel и настроить веб сервер (webpack-dev-server). Все вопросы и проблемы решаются путем гугления. How to build jsx with webpack. До работы с jsx я немного поковырял что такое ES6. Без этого сложно учить реакт.
    TheMoth посоветовал хорошую книгу. Я соглсен с его ответом. Прочитайте её, разбиритесь как настраивать gulp и webpack (Можно конечно просто webpack, но для общего развития осилить оба не помешает)
    https://webdesign-master.ru/blog/tools/2016-03-09-...
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как реализовать rest api между разными доменами?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    Есть функция fetch(url, options). Он принимает первым параметром урл куда посылать. С помощью конструкции `http:\\${domain}\${api}\...` можно динамически подставлять урл endpoint'ы. Второй параметрк - это опции типа что будет в Header'ах и другое. А можно одним параметром передать экземпляр Request.
    Подробнее на MDN
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как бороться с клоном сайта?

    Дмитрий Pacification @dmitry_pacification
    Трудности рождают прорыв
    По whois вычислите что за хостинг, напишите пусть хостер удалит этот сайт у себя. Я не знаю что такое абуз, но в первую очередь я бы попросил хостера удалить сайт. Естественно предоствив все доказательства вашего сайта, что он первоначальный источник.

    А еще бы зашел на фриланс биржи и пооббивал бы руки уродам, которые создают таски а-ля "Скопировать сайт"
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • Следующие →
Самые активные сегодня
  • vabka
    Василий Банников
    • 6 ответов
    • 0 вопросов
  • Steel_Balls
    Steel_Balls
    • 4 ответа
    • 0 вопросов
  • AlexNest
    Александр Нестеров
    • 4 ответа
    • 0 вопросов
  • Drno
    • 3 ответа
    • 0 вопросов
  • CityCat4
    CityCat4
    • 3 ответа
    • 0 вопросов
  • SoreMix
    soremix
    • 3 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации