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

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

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

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

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

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

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

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

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

litash

  • 10
    вклад
  • 31
    вопрос
  • 14
    ответов
  • 43%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Почему не работает querySelectorAll?

    msvystun
    Mykhailo @msvystun Автор вопроса
    Может кому пригодится, получилось так:
    <a href="map.html" class="button contacts-button-map">КАК ПРОЕХАТЬ</a> <!-- Кнопка 1 -->
    <a href="map.html" class="contacts-button-map" >КАК НАС НАЙТИ?</a> <!-- Кнопка 2 -->

    var linkmap = document.querySelectorAll(".contacts-button-map");
    linkmap.forEach(function (entry) {
    	entry.addEventListener("click", function (event){
    		event.preventDefault();
    		popupmap.classList.add("modal-show");
    	});
    });
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как реализовать скролл элементов сайдбара?

    daruwanov
    Дмитрий Арушанов @daruwanov
    Не уверен на все 100%. Но глянув исходный код страницы (vue) -> видно что есть подключенный скрипт
    smooth-scroll.js
    Вот ссылка на репозиторий ->
    https://github.com/cferdinandi/smooth-scroll

    Сам лично его не использовал, потому не могу утверждать, что там есть этот функционал, но беглый осмотор доков
    что то в районе Custom Events - там вроде как можно получить текущий якорь,(название) ну и потом руками добавить класс active к нужному селектору (данные для поиска седектора по идее будут в колбеках) но могу ошибаться. Лишь догадка.
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как реализовать такой birth picker?

    bubandos
    Anton fon Faust @bubandos
    bash'у, javascript'ую, php'лю, css'аю, html'каю
    тут одним css не отделаешься. Придется на js пилить обработку тачей, ховеров и т.д.
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Как реализовать такой birth picker?

    Chefranov
    Eugene Chefranov @Chefranov
    Новичок
    https://nehakadam.github.io/AnyPicker/
    https://www.cssscript.com/ios-style-picker-view-va...
    https://github.com/chuyik/jquery-datepicker-ios-an...
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как во Vue.js передать из дочернего компонента клик что бы во второй дочернем компоненте изменилось значение select?

    yarkov
    Алексей Ярков @yarkov Куратор тега Vue.js
    Проект "Жизнь после смерти" - lifeafterdeath.ru
    https://codepen.io/yarkovaleksei/pen/LvVXvb
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как во Vue.js передать из дочернего компонента клик что бы во второй дочернем компоненте изменилось значение select?

    0xD34F
    0xD34F @0xD34F Куратор тега Vue.js
    При клике в первом компоненте делайте $emit выбранного значения / индекс кликнутого элемента / или что там у вас в родительский компонент, а оттуда в качестве параметра передавайте его во второй. Например.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как кастомному атрибуту в each добавлять к названию по + 1?

    Vlad_IT
    Владимир Проскурин @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    https://codepen.io/anon/pen/WYEEBE
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как кастомному атрибуту в each добавлять к названию по + 1?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    Не нужен тут никакой each:

    $('#wrapper').find('li, div, p').attr('customattr', i => `test${i + 1}`);

    Но если очень надо, то:

    $('#wrapper').find('li, div, p').each(function(i) {
      $(this).attr('customattr', `test${i + 1}`);
    });
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как объект в массиве преобразовать в строку?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    items.forEach(n => console.log(Object.values(n).join(' ')))
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как объект в массиве преобразовать в строку?

    customtema
    Артем Спиридонов @customtema
    arint.ru
    Сперва console.log(item);, чтобы понять структуру. Потом +, join() или toString
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как обратиться к вложенному массиву и вывести его в списке фильтра?

    0xD34F
    0xD34F @0xD34F Куратор тега Vue.js
    computed: {
      foundItems() {
        return []
          .concat(...this.items.map(n => n.props || []))
          .filter(n => n.name.includes(this.search));
      },
    },

    <li v-for="item in foundItems">
      {{ item.name }}
    </li>

    https://jsfiddle.net/8qyrtsac/
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Использование vue вместо jquery?

    LenovoId
    Человек с Казахстана @LenovoId
    I want, women not to get sick
    что то все путают сечку с гречкой
    jquery ни как не конкурирует с vue , angular, react
    jquery это библиотека заменяющая document.getElement.тратата и всё
    а перечисленные вверху js библиотеки - создают дополнительное DOM дерево ...блин не знаю как выразить мысль
    заменили/стали применять vue... только из за того что jquery приелся и надо новинку
    на jquery 90% сайтов

    тогда уж - если хотите что то супер пупер - применяйте нативный js - вот это будет жесть
    не применяйте вообще ни чего лишнего -
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Использование vue вместо jquery?

    aloky
    aloky @aloky
    js
    Все есть тут: https://github.com/vuejs/awesome-vue
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как при клике на кнопки в компоненте Vue.js показывать один и тот же компонент но с разными данными?

    0xD34F
    0xD34F @0xD34F Куратор тега Vue.js
    Передавайте "разные данные" в качестве параметров компонента.
    В вашем случае это может выглядеть... допустим, так.
    Ответ написан более трёх лет назад
    7 комментариев
    7 комментариев
  • Как при клике на кнопки в компоненте Vue.js показывать один и тот же компонент но с разными данными?

    Xuxicheta
    Антон Швец @Xuxicheta
    инженер
    https://codepen.io/anon/pen/GGLNRp
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как реализовать клик в компоненте Vue.js, который показывает другой компонент?

    0xD34F
    0xD34F @0xD34F Куратор тега Vue.js
    динамическое переключение компонентов

    https://jsfiddle.net/e68y0fwc/
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как в pug, jade показать контент при изменении url?

    Jumandjilos @Jumandjilos
    Можно при рендере шалона, добавлять переменную, например:
    if x
    div
    | about
    else if y
    div
    | home


    Роуты:
    router.get('/about', (req, res) => {
    res.render('ИмяШаблона', {x})
    }

    С /home аналогично, но вместо x поставь y.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как в pug, jade показать контент при изменении url?

    Vlad_IT
    Владимир Проскурин @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    pug работает статически, т.е. после его компиляции создается html файл, и этот html файл уже открывается в браузере. Если вы напишите так
    if a > 10
    div hello
    else
    div ne hello

    то если в момент компиляции a была больше 10, то в html файл попадет строка
    <div>Hello</div>
    и больше никак, до следующей компиляции (и если там уже a будет меньше, то попадет ne hello).
    Поэтому pug ничего не знает о объекте window и адресе текущей страницы. Вы можете адрес задавать в шапке страницы указывая свою переменную, например currentPage. И везде на разных страницах указывать ее разной
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как Vue.js заставить понимать jQuery, JS при переключении между компонентами?

    Fragster
    Антон Антон @Fragster
    помогло? отметь решением!
    Выкинуть jq.
    Практически нет задач, которые решает jquery, но не решает vuejs в то же или меньшее количество кода. Исключение могут составлять всякие готовые компоненты типа календарей, но и их нарисовать/найти готовый для vue не так сложно.
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как Vue.js заставить понимать jQuery, JS при переключении между компонентами?

    askhat
    Асхат Бикметов @askhat
    SDE @ Akvelon
    Дело в том, что когда selected возвращает ложь, элемент удаляется из древа DOM и, следовательно, перестаёт работать jquery плагин инициализированный на нём. Чтобы это избежать, необходимо научиться понимать жизненный цикл Vue компонента. К тому же следует выделять код работающий с DOM но не являющийся неотъемлемой частью компонента в директивы. Например (для однофайловых компонентов):
    <template>
      <div v-fancy-plugin="{ argumentObjectKey: 'value' }"></div>
    </template>
    <script>
    import $ from 'jquery'
    import fancyPlugin from 'fancy-plugin'
    
    export default {
      directives: {
        fancyPlugin: {
          inserted (element, argumentObject) {
            $(element).fancyPluginInit(argumentObject)
          }
        }
    }
    </script>

    Таким образом jquery код будет инициализирован в момент помещения элемента в DOM древо.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • foxyhunt
    • 15 ответов
    • 0 вопросов
  • Drno
    • 14 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • dimonchik2013
    Dimonchik
    • 6 ответов
    • 0 вопросов
  • gogowq
    • 5 ответов
    • 1 вопрос
  • alexey-m-ukolov
    Алексей Уколов
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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