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

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

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

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

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

Где фермеры продают продукты, когда рынки закрыты?
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

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

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

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

Zbiten

  • 17
    вклад
  • 29
    вопросов
  • 26
    ответов
  • 19%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как реализовать прокрутку блока с transform: translateY?

    Zbiten @Zbiten Автор вопроса
    Благодарю за внимание, но появился баг, что контент в самом низу прыгает при скролле, пока обложка в вьюпорте, есть идеи как исправить?
    Написано более двух лет назад
  • Bootstrap 4 modal почему сдвигается в лево?

    Zbiten @Zbiten
    задай body padding-right: 17px;
    Написано более двух лет назад
  • Как заставить элемент с position sticky сразу скролится?

    Zbiten @Zbiten
    задать ему top: -20px
    Написано более двух лет назад
  • Как в строке удалить 2 подряд идущих одинаковых буквы?

    Zbiten @Zbiten Автор вопроса
    Nicolas Serdyuk, огромнейшее вам спасибо!
    Написано более двух лет назад
  • Как в строке удалить 2 подряд идущих одинаковых буквы?

    Zbiten @Zbiten Автор вопроса
    а как он примерно должен выглядеть? что проверять в нем?
    Написано более двух лет назад
  • Как в строке удалить 2 подряд идущих одинаковых буквы?

    Zbiten @Zbiten Автор вопроса
    Nicolas Serdyuk, да, я попробовал сразу :), но получилось "snowdenabccccba"
    Написано более двух лет назад
  • Как в строке удалить 2 подряд идущих одинаковых буквы?

    Zbiten @Zbiten Автор вопроса
    Andrey Tsvetkov, Nicolas Serdyuk, может еще подскажете, чтобы лишний вопрос не создавать, если взять строку "snowdenabcdeedcbaabcdeedcba" то на выходе с помощью ваших решений получается -> snowdenabcddcbbcddcba, как удалить оставшиеся повторяющиеся буквы?
    Написано более двух лет назад
  • Как в строке удалить 2 подряд идущих одинаковых буквы?

    Zbiten @Zbiten Автор вопроса
    с вашим вариантом получается: "wtonrld"
    Написано более двух лет назад
  • Как реализовать переключение изображений (слайдер) по клику?

    Zbiten @Zbiten Автор вопроса
    Роман Александрович, благодарю! а в чем была проблема? почему ++ не работает?
    Написано более двух лет назад
  • Как реализовать переключение изображений (слайдер) по клику?

    Zbiten @Zbiten Автор вопроса
    App:

    import React, { Component } from 'react';
    import Slider from './Slider';
    import slides from './slides';
    
    class App extends Component {
      render() {
        return (
          <Slider slides={slides}/>
        );
      }
    }
    
    export default App;


    Slider:

    import React, { Component } from 'react';
    
    class Slider extends Component {
    constructor(props){
    super()
    this.state=({
    currentSlideImage : 0
    })
    }
        render() {
            return (
                <div className="container">
                    <button onClick={()=>this.handlePrevButton()}>Prev</button>
                    <img src={this.props.slides[this.state.currentSlideImage]} alt="slider-item"/>
                    <button onClick={()=>this.handleNextButton()}>Next</button>
                </div>
            );
        }
    
        handlePrevButton = () => {
            console.log('--')
        }
    
        handleNextButton = () => {
            
           let currentSlideImage = this.state.currentSlideImage;
    this.setState({
    currentSlideImage:currentSlideImage++
    })
    console.log(this.state.currentSlideImage);
    console.log(this.state);
    console.log(this.props);
        }
    
        
    }
    
    export default Slider;


    slides:

    export default [
        'https://picsum.photos/500/300?image=0',
        'https://picsum.photos/500/300?image=44',
        'https://picsum.photos/500/300?image=22',
        'https://picsum.photos/500/300?image=33',
        'https://picsum.photos/500/300?image=4',
        'https://picsum.photos/500/300?image=55',
        'https://picsum.photos/500/300?image=66'
    ];
    Написано более двух лет назад
  • Как реализовать переключение изображений (слайдер) по клику?

    Zbiten @Zbiten Автор вопроса
    Роман Александрович, ничего не изменилось
    Написано более двух лет назад
  • Как реализовать переключение изображений (слайдер) по клику?

    Zbiten @Zbiten Автор вопроса
    Код такой же, как в Вашем решении.
    Я добавил console.log
    console.log(this.state.currentSlideImage);

    И при клике на next, currentSlideImage не изменяется (всегда равен 0)

    ===

    prntscr.com/ij26qf
    Написано более двух лет назад
  • Как реализовать переключение изображений (слайдер) по клику?

    Zbiten @Zbiten Автор вопроса
    не работает код, по клику ничего не происходит, ошибок в консоли нету
    Написано более двух лет назад
  • Как реализовать переключение изображений (слайдер) по клику?

    Zbiten @Zbiten Автор вопроса
    то что конструктор внутри метода render, это нормально?
    Написано более двух лет назад
  • Как float для img заменить во flex?

    Zbiten @Zbiten
    никак, продолжайте использовать float. свойство как раз создано для обтекания
    Написано более трёх лет назад
  • SCSS класс внутри функции?

    Zbiten @Zbiten
    Для чего используется два ":" после "&"?
    Написано более трёх лет назад
  • Как работать с Gulp в новом проекте?

    Zbiten @Zbiten Автор вопроса
    Благодарю!
    Написано более трёх лет назад
  • Что использовать для создания отзывчивого(адаптивного меню) меню?

    Zbiten @Zbiten Автор вопроса
    Забыл упомянуть, нужно без использования bootstrap!
    Написано более трёх лет назад
  • Подойдёт ли macbook pro 13 для моих требований?

    Zbiten @Zbiten Автор вопроса
    14года, я имел в виду возможность установки и корректной работы этих программ
    Написано более трёх лет назад
  • Как изменить положение маркеров(изображений) в меню?

    Zbiten @Zbiten Автор вопроса
    А как отдельно для маркера, а то все меню уезжает.
    Написано более трёх лет назад
Самые активные сегодня
  • Василий Банников
    • 9 ответов
    • 0 вопросов
  • SoreMix
    SoreMix
    • 8 ответов
    • 0 вопросов
  • Kozack
    Alex
    • 8 ответов
    • 0 вопросов
  • shambler81
    Виктор Таран
    • 7 ответов
    • 0 вопросов
  • Dr. Bacon
    • 7 ответов
    • 0 вопросов
  • neuotq
    Александр Талалаев
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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