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

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

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

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

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

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

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

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

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

Andrew

FrontFinish
  • 280
    вклад
  • 6
    вопросов
  • 442
    ответа
  • 44%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Где брать все эти прикольные фоны и фотографии для сайта?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    1) Если вы разработчик: Из макета-> У дизайнера
    2) Если вы сам себе дизайнер:
    Взять на бесплатных стоках фоток / сделать самому изображения / украсть на любом сайте
    Google: photo stock free
    Ответ написан 16 окт. 2022
    1 комментарий
    1 комментарий
  • Что это за отступ?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    body {
    margin: 0;
    padding: 0;
    }

    ?
    P.S. Normalize тоже норм тема
    Ответ написан 16 окт. 2022
    1 комментарий
    1 комментарий
  • Как встраивать виджет на другой сайт со своим контекстом?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Сделать/сгенерить айди для скрипта и использовать его для всех элементов в стилях.
    Ответ написан 30 сент. 2022
    3 комментария
    3 комментария
  • Progress bar Как изменить цвет текста как только на него попадет div?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Как сделать цвет текста элемента span белым, как только на него попадет div?

    С этим ничего не понял.
    <div ref="progress" :style="`width: ${counter}%`"
          :class="{first-letter: counter>50}"
          class="tw-absolute tw-bg-info-600"
        ></div>

    .first-letter span{
      color: blue;
      font-size: 36px;
    }
    .first-letter span:first-letter{
      color: red;
    }

    Но условие контролируйте классом, а в классе можно стилизовать первую букву
    Ответ написан 05 сент. 2022
    Комментировать
    Комментировать
  • Как создать кнопку по которой будет скачиваться txt файл с историей переписки Node Js?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    <a href='path/to/file.txt' download> Download File</a>
    Ответ написан 02 сент. 2022
    Комментировать
    Комментировать
  • Как сделать ,чтобы ошибки появлялась только после нажатия на кнопку?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Флажок добавьте.
    export class ClientForm implements OnInit {
    isSubmitted: boolean = false;
    
      submit(): void {
        console.log(this.form.value)
    this.isSubmitted = true;
        if(this.form.invalid) {
          console.error('error')
        } else {
          console.log('valid')
        }
        console.log(this.form)
      }

    <form action="">
      <div class="item">
        <input  [formControl]="name" type="text" >
        <p *ngIf="isSubmitted && name.errors?.required">Поле обязательное</p>
      </div>
      <div class="item">
        <input [formControl]="email" type="text" >
        <p *ngIf="isSubmitted && email.errors?.required">Поле обязательное</p>
      </div>
      </div>
      <button type="submit" (click)="submit()">btn</button>
    </form>

    Еще обычно делают getter для всей формы,а не каждого поля в этой форме.
    get cForm() {
        return this.form.controls;
      }

    <p *ngIf="cForm.email.errors?.required">Поле обязательное</p>
        <p *ngIf="cForm.name.errors?.required">Поле обязательное</p>

    Edit: (click) на button[type='submit'] не вешайте.
    на форму (сабмит) вешайте.
    <form action="" (submit)='submit()'>
      <div class="item">
        <input  [formControl]="name" type="text" >
        <p *ngIf="isSubmitted && name.errors?.required">Поле обязательное</p>
      </div>
      <div class="item">
        <input [formControl]="email" type="text" >
        <p *ngIf="isSubmitted && email.errors?.required">Поле обязательное</p>
      </div>
      </div>
      <button type="submit">btn</button>
    </form>
    Ответ написан 26 авг. 2022
    Комментировать
    Комментировать
  • Как остановить выполнение функции при наведении на элемент?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish

    надеюсь поможет
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как в Angular отловить событие, что компонент полностью загружен?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Пробовали?
    ru
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как исправить эту ошибку?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    <link rel="stylesheet" href="calc.js">
    браво.
    Переместите подключение скрипта к /body
    Вы пытаетесь определить свойство обьекта которого еще нет в DOM
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как в Angular определить это локально собранный проект или проект открытый на проде?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Можно по переменным среды проверить.
    Но я бы явно ему сказал какую ссылку использовать. Из environment'a взять - apiUrl
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать "показать еще" определенным кол-вом?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Вы пытаетесь реализовать пагинацию заново?
    Гуглится так: "#название_языка Pagination"
    Ответ написан более года назад
    3 комментария
    3 комментария
  • Как при выборе input type="radio" активировать input type="checkbox"?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    $(function () {
        $("#shipping_method_0_flat_rate25").on("change", function () {
            if ($("#shipping_method_0_flat_rate25").prop("checked")) {
                $("#ship-to-different-address-checkbox").attr("checked", true);
            } else {
                $("#ship-to-different-address-checkbox").removeAttr("checked");
            }
        });
    });

    checked - Boolean; if present, the checkbox is tog...
    То есть даже если у него значение "false" - он будет включен, чтобы отключить нужно его удалить.
    Ответ написан более года назад
    4 комментария
    4 комментария
  • Onfocusin не работает на Safari?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    Работает
    Ответ написан более года назад
    5 комментариев
    5 комментариев
  • Почему не работает условие jquery?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    if($(this).val().length > 2){
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как из функции передать значение date ниже по коду?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    $('.form-control').on('change', function () {
        let date = $(this).val();
        $('#ever').text(date);
        page_description.DPdata.mindate = new Date(date);
    });
    Ответ написан более года назад
    3 комментария
    3 комментария
  • Почему не работает export, import js?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    MDN
    Там в синей рамочке
    Эта функциональность не реализована в браузерах на данный момент, но она реализована во многих транспайлерах, таких как Traceur Compiler, Babel or Rollup.

    И недалеко описано как и где можно использовать модули
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Почему не выходит получить данные запроса GET в request, в консоли пустая переменная?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    const request = require('request');
    
    var cards;

    бе
    По теме, это асинхронная операция, у вас значение выводится до её выполнения, даже если оно занимает крайне мало времени, выведите после(по нажатию на кнопку или в callback'e функции запроса)
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как заменить пробелы на нижнее подчеркивание?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    document.querySelectorAll("a").forEach((a) => a.innerHTML = a.innerHTML.replace(/\s/gi, "_"));
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как определить с помощью js что элемент активен?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    $(document).mouseup(function (e){ // событие клика по веб-документу
      var divmenu = $("#sidepanel"); // sidebar
    
      if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0 && divmenu.hasClass("active") ) { // если клик был не по нашему блоку и не по его дочерним элементам
        enableScroll();
        $('#sidepanel_btn').css("pointer-events", 'auto');
      }
    });
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как сделать появление/активную кнопку "Вернуться назад" при возникновеннии истории на странице?

    KickeRocK
    Andrew @KickeRocK
    FrontFinish
    <a href="#" class="d-none" id="history-back" onclick="history.back();return false;">Back</a>

    window.addEventListener("load", function() {
        if (window.history.length > 1) {
          document.getElementById("history-back").classList.remove("d-none");
        }
      });

    .d-none {
      display: none;
    }
    Ответ написан более года назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • Следующие →
Самые активные сегодня
  • Evgenii
    • 11 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • Vindicar
    Vindicar
    • 6 ответов
    • 0 вопросов
  • JustKappaMan
    Кирилл
    • 6 ответов
    • 0 вопросов
  • xez
    Dmitry Roo
    • 5 ответов
    • 0 вопросов
  • Drno
    • 4 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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