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

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

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

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

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

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

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

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

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

YavaDev

  • 93
    вклад
  • 0
    вопросов
  • 77
    ответов
  • 86%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как вывести дату в указанном формате с библиотекой moment js?

    YavaDev
    YavaDev @YavaDev
    Ну для начала перед тем как использовать какой либо инструмент, советую почитать его документацию. Ведь именно в документации и описано как работает данный интрумент.

    А теперь как сделать.
    В moment.js есть такие методы как .add() и .subtract(), которые позволяют добавлять и отнимать время.
    А еще есть методы .isBefore(), .isAfter(), .isBetween(), которые сравнивают даты.

    Зная эти методы, можно приступить к реализации
    const currentDate = moment(); // текущая дата
    // далее к дате комментария добавляем 6 месяцев и сравниваем с текущей датой
    const isAfterSixMonth = moment(date).add(6, 'months').isAfter(currentDate);
    if(isAfterSixMonth) { // если дата комеентария + 6 месяцев > текущая дата
      // выводим нужный формат
    }

    Это первый пункт, остальные делаются по аналогии.
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать условие для нескольких елементов с одинаковым классом?

    YavaDev
    YavaDev @YavaDev
    Ссылка на документацию - метод each
    $(".reviews__text").each(function(){
      const text = $(this).height();
      if (text >= 150 ) {
        $(this).addClass('scrollbar');
      };
    })
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как сделать полноэканные section немного "липкими" при скроллинге?

    YavaDev
    YavaDev @YavaDev
    Если я правильно понял, то position: sticky легко решает эту задачу.
    https://codepen.io/YavaDev/pen/qBPrJZg
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как безопасно проверить значение свойства объекта js?

    YavaDev
    YavaDev @YavaDev
    if (APP?.config?.env?.stage === 'dev')
    Почитать можно здесь - Оператор опциональной последовательности
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Почему js код не работает?

    YavaDev
    YavaDev @YavaDev
    pageYOffset - буковка "O" должна быть большой
    Ответ написан более года назад
    5 комментариев
    5 комментариев
  • Как отключить swipe в slick по клику на кнопку?

    YavaDev
    YavaDev @YavaDev
    const slider = $('.slider').slick({
        // options
    });
    
    $('button').on('click', () => {
        slider.slick("slickSetOption", "swipe", false, false);
        //Arguments: option : string, value : depends on option, refresh : boolean
    });
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Почему возникает ошибка Cannot GET /css в gulp?

    YavaDev
    YavaDev @YavaDev
    Уберите dist из пути к файлу. Должно быть так assets/css/styles.min.css
    В настройках browsersync указана папка сервера baseDir: "./dist/", то есть эта папка и есть localhost.
    Выходя из этого вы пытаетесь найти в папке dist еще одну папку dist, а ее там нет.
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как окрасить только половину секции?

    YavaDev
    YavaDev @YavaDev
    Можно почитать здесь - linear gradient

    .element {
        background: linear-gradient(to bottom, yellow 50%, red 50%);
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как скрыть боковую панель при нажатии на соответствующую кнопку?

    YavaDev
    YavaDev @YavaDev
    const TaskRegionView = () => {
            const [condition, setCondition] = useState(false);
    
            const handleToggleCondition = () => {
                setCondition((prev) => !prev);
            }
            ...
             <Button type="link" onClick={handleToggleCondition}>
                   <LeftOutlined />
             </Button>
             {condition && (
                 <Filter
                    className={styles['filter']}
               />
             )}
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Почему не работает background-color в div?

    YavaDev
    YavaDev @YavaDev
    классы разные
    <div class="banner_box_1">1</div>
    и
    .banner_section div.banner_box_01
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Форма карты нестандартной формы css?

    YavaDev
    YavaDev @YavaDev
    SVG clipPath
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Почему с блоками, которые я загрузил через .load() не работают скрипты?

    YavaDev
    YavaDev @YavaDev
    Делегирование событий на jQuery:
    https://api.jquery.com/event.delegateTarget/ - документация jQuery
    https://webref.ru/dev/jqfundamentals/events - статья на русском
    $(document).on( "click", ".product_add_to_cart", function() {
      console.log("something");
    });
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Какие библиотеки для таких решений вы знаете?

    YavaDev
    YavaDev @YavaDev
    1 - Скорее всего такой плагин вы не найдете и надо писать самому. Но есть вот такой сайт https://tympanus.net/codrops/. Там постоянно выкладывают интересности с демками и кодом, похожие на этот слайдер.
    2 - Думаю с этим может легко справиться плагин - https://scrollmagic.io/.
    3 - Почти уверен, что такое можно сделать с помощью CSS, а именно position: sticky;. Ну а если нет, тогда scrollmagic думаю сможет.
    4 - А тут точно уверен, что position: sticky; сможет так сделать и не нужны здесь дополнительные плагины.
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как в CSS создать подобный border?

    YavaDev
    YavaDev @YavaDev
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как получить порядковый номер элемента с помощью JQuery относительно определенного родителя?

    YavaDev
    YavaDev @YavaDev
    $(document).ready(function () {
      $("body").on("click", ".parent-img-item", function () {
        const parent = $(this).parents('.parent');
        const imageList = parent.find('.parent-img-item');
        const index = imageList.index($(this));
        console.log('index', index);
      });
    });
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать чтоб бордер кнопки горел только несколько секунд?

    YavaDev
    YavaDev @YavaDev
    Ответ написан более года назад
    Комментировать
    Комментировать
  • При обновлении пакетов npm плагин "gulp-sass" обновился до 5 версии. Почему теперь при любой ошибке в .scss прекращается отслеживание?

    YavaDev
    YavaDev @YavaDev
    Вместо .pipe(sass()) надо .pipe(sass().on('error', sass.logError))

    gulp.task('sass', function () {
        return gulp.src('scss/style.scss')
            .......
            .pipe(sass().on('error', sass.logError))
            .......
    });
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как ограничить количество слов в блоке?

    YavaDev
    YavaDev @YavaDev
    Умение читать документацию иногда помогает)
    Вот ссылка на всякий случай - https://wordpress.org/plugins/wp-responsive-recent...
    А вот собственно, что там пишут:
    content_words_limit : [recent_post_slider content_words_limit=”30″ ] (Control post short content Words limit. By default limit is 20 words).
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Почему код не останавливает видео в iframe?

    YavaDev
    YavaDev @YavaDev
    Я почти полностью скопировал код
    Вот именно, что почти.

    Надо заменить этот код в html:
    <div class='video_in_list'>
        <iframe 
            title='BioMutant Announcement Trailer (from ex-Just Cause Devs)' 
            width="640" height="360" 
            src="https://www.youtube.com/embed/73vSguCeJl0?feature=oembed" 
            frameborder="0" 
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
            allowfullscreen 
            id="video_iframe">
        </iframe>
    </div>


    На этот:
    <div id='video_iframe'></div>
    Ответ написан более года назад
    3 комментария
    3 комментария
  • Почему перестали отслеживаться изменения файлов сборки Gulp 4?

    YavaDev
    YavaDev @YavaDev
    Таски fBrowserSync и fStartWatch должны вроде как запускаться паралельно.
    В данном случае они запускаются последовательно, а так как таска fBrowserSync не завершается, то таска fStartWatch не запускается.
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • Следующие →
Самые активные сегодня
  • Mi11er
    Denis Melnikov
    • 7 ответов
    • 0 вопросов
  • scoffs
    Семён Окулов
    • 6 ответов
    • 0 вопросов
  • Drno
    • 6 ответов
    • 0 вопросов
  • Adamos
    Adamos
    • 5 ответов
    • 0 вопросов
  • Justa Gain
    • 5 ответов
    • 0 вопросов
  • rPman
    • 4 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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