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

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

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

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

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

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

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

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

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

Tigronix

  • 0
    вклад
  • 52
    вопроса
  • 4
    ответа
  • 25%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как использовать в nunjucks цикл для шаблона, который заполняется с помощью макроса/обьекта/массива?

    Максим Величутин @MaxVell89
    как то так
    {% set items = [
    	{img:'item-1', title:'111'},
    	{img:'item-2', title:'222'},
    	{img:'item-3', title:'333'}
    ] %}
    {% import './macros/_item-block.html' as itemBlock %}
    {% for item in items %}
    <div class="section-items__item">
    	{{ itemBlock.item(item.img, item.title) }}
    </div>
    {% endfor %}
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сделать свайп от кромки экрана (как у мобильного ВК)?

    Vampireos
    Александр Решетняк @Vampireos
    https://vk.com/axelaredz
    для отлова свайпов hammerjs.github.io
    легендарное свайп меню которого другие никак не превзойдут по производительности) jakiestfu.github.io/Snap.js/demo/apps/toggles.html
    ещё одно свайп меню, реализованное как раз с помощью hammerjs ericktatsui.github.io/Touch-Menu-Like-Android
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Удаление всех свойств обьекта?

    ivan_tataush
    Иван Татауш @ivan_tataush
    Frontend Developer
    Можно перезаписать переменную указав что она пустой объект
    myObject = {};
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Перебор обьекта с числовыми значениями и вывод их суммы?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    Если у массива для этого есть метод reduce, то с обьектом нужно использовать forEach?

    Не нужно (тем более, что у объектов нет никакого forEach):

    const sum = Object.values(obj).reduce((acc, n) => acc + n, 0);
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Перебор обьекта с числовыми значениями и вывод их суммы?

    RidgeA @RidgeA
    sum - локальная переменная, котора создается каждый раз при вызове callback-фукнции.

    Информация для размышления - Object.keys возвращает массив, а у объекта нету метода forEach
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Блок при анимации rotate() "дергается" при ховере на его границы?

    justdealman @justdealman
    https://jsfiddle.net/41g4yn68/2/
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Блок при анимации rotate() "дергается" при ховере на его границы?

    webirus
    Сергей Горячев @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    В тот момент пока блок крутится, мышь попадает ВНЕ его области.
    Тут же начинается вращение обратно, так как блок думает, что мышь убрали.
    И во время обратного вращения мышь опять попадает на блок, заставляя блок опять менять анимацию.
    Решается еще одним блоком, я сделал .wrapper, при наведении на который работает магия.
    https://jsfiddle.net/41g4yn68/4/
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сделать внутренние закругленные углы с неоднотонным фоном на CSS?

    Lynn
    Lynn «Кофеман» @Lynn
    nginx, js, css
    codepen.io/alexeyten/pen/wJjgML?editors=1100

    Например так
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как правильно сверстать инпут для заполнения карты?

    webirus
    Сергей Горячев @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    www.jqueryscript.net/demo/jQuery-Credit-Card-Input...
    или
    https://jsfiddle.net/webirus/fp2ytj9k/
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Где я допустил ошибку при проверке true/false инпутов?

    isqua
    Alex @isqua
    Научу HTML, CSS, JS, BEM и Git
    Привет! Давайте разберём ваш код.

    Во-первых, вы заполняете массив в самом начале:
    // Создали массив
    var stepSecond = [];
    // Сохранили в него свойства checked разных объектов
    stepSecond[1] = $('#firmware2').prop('checked');
    stepSecond[2] = $('[name="stamping"]').prop('checked');
    stepSecond[3] = $('#eyelet-color').prop('checked');
    stepSecond[4] = $('[name="rubber-flat"]').prop('checked');

    При изменении инпутов их состояния не попадут в массив автоматически.

    Во-вторых, проверка $(stepSecond == 'true') очень странная. stepSecond — массив из 5 элементов (на нулевом месте у вас undefined, 1-4 элементы заполнены. Вы сравниваете его со строкой "true". Оператор сравнения == может вернуть либо true, либо false. В вашем случае массив stepSecond никогда не будет равен строке true. Так что сравнение всегда вернёт false. Значит ваше условие эквивалентно такому: $(false). Функция $ из jQuery создаёт jQuery-объект. Тогда ваше условие превращается в if (jQuery-объект), а значит всегда истинно.

    Вот как можно было бы запрограммировать эту форму: https://jsfiddle.net/isqua/gge88ogL/2/

    Вам нужно получить базовые знания о том, как работает JavaScript. Что такое переменные, функции, каких типов бывают данные и т.п.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Какой слайдер взять?

    rim89
    Виталий @rim89
    программист-велосипедист
    slick - the last carousel you'll ever need
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как правильно сделать калькулятор сложения для 20 радио баттонов?

    FFxSquall
    Михаил @FFxSquall
    Могу писать код, могу не писать
    var score = 0;
    $( "input:radio:checked" ).each(function(){
        score += parseInt($(this).val());
    });

    P.S. Обновил ответ
    Ответ написан более трёх лет назад
    4 комментария
    4 комментария
  • Что делать, если заказчик хочет больше правок?

    evgeniy_lm @evgeniy_lm
    Работа должна быть выполнена четко по заранее оговоренному ТЗ. Если результат удовлетворяет ТЗ, но не удовлетворяет заказчика (так бывает в 8 случаях из 10), заказчик оплачивает выполненную работу и заказывает правки отдельно или идет лесом.
    В вашем случае жить в бесконечных правках или послать заказчика подальше, денег вы не получите в любом случае. В будущем брать работу с гарантией оплаты (на фриланс сервисах) или делить стоимость на выполнение ТЗ и последующую поддержку и первую часть брать в качестве предоплаты. Но самое главное у вас на руках должно быть четко прописанное и согласованное с заказчиком ТЗ. Не обязательно там должна быть его подпись, достаточно электронного письма с фразой типа "с техническим заданием полностью согласен"
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как сделать скролл мобильного меню так, чтобы скролило только меню, а не всю страницу + меню(V2)?

    furashcka @furashcka
    Попробуйте добавить к .global_wrapper position: fixed; точнее к .body_overflow на видео видно что шапка не дергается, так как контент, по всему она имеет position: fixed;
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сделать скролл мобильного меню так, чтобы скролило только меню, а не всю страницу + меню(V2)?

    justdealman @justdealman
    Для .global-wrapper задавать position:fixed при открытии меню, при этом значением top выставить минус текущую позицию скролла, это значение запомнить. При закрытии меню, для .global-wrapper вернуть position:static (или relative, но тогда не забыть обнулить значение top), после чего поставить в скролл в позицию, на которой он был до открытия меню.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как сделать скролл мобильного меню так, чтобы скролило только меню, а не всю страницу + меню?

    Денис Белевцов @denistrator
    Front-end Developer
    Попробуй
    max-height: 300px; // fallback
    max-height: 85vh; // fallback 2
    max-height: calc(100vh - 50px); // отнять высоту отступа сверху
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Можно ли привязать действие при клике на "play" youtube плеера?

    Rikcon
    Rikcon @Rikcon
    https://developers.google.com/youtube/iframe_api_r...

    Конечно, через API, onStateChange

    -1 (воспроизведение видео не начато)
    0 (воспроизведение видео завершено)
    1 (воспроизведение)
    2 (пауза)
    3 (буферизация)
    5 (видео подают реплики).
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как заставить элемент трансформироваться сразу, а не после анимации?

    Aleksandr @Sashjkeee Куратор тега CSS
    f-e
    https://jsfiddle.net/pta95m20/1/
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как правильно отнимать числа в селектах?

    evgeniy8705
    gleendo @evgeniy8705
    Повелитель вселенной
    var price = 5500;
    
    document.querySelector("#matrix").addEventListener("change", function(event) {
    	document.querySelector("#number").textContent = price + +this.value || price ;
    }, false);
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как правильно отнимать числа в селектах?

    AppFA
    Евгений @AppFA
    Frontend developer at Yandex
    Как-то так:
    jsfiddle.net/np91v1zb/2
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • Drno
    • 8 ответов
    • 1 вопрос
  • meidi
    Dlaynet tenyalD
    • 4 ответа
    • 3 вопроса
  • rPman
    • 7 ответов
    • 0 вопросов
  • Dr. Bacon
    • 6 ответов
    • 0 вопросов
  • vabka
    Василий Банников
    • 5 ответов
    • 0 вопросов
  • mayton2019
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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