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

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

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

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

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

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

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

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

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

denisromanenko

  • 16
    вклад
  • 18
    вопросов
  • 36
    ответов
  • 31%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Какую панель управления выбрать?

    denisromanenko @denisromanenko
    Попробуйте https://vestacp.com
    Ответ написан 26 нояб. 2022
    1 комментарий
    1 комментарий
  • Есть ли способ программно получить список объявленных css-переменных?

    denisromanenko @denisromanenko
    Если хочешь все переменные:
    https://stackoverflow.com/questions/48760274/get-a...

    Если знаешь имя:
    getComputedStyle(document.body).getPropertyValue("--clr-primary-5")
    Ответ написан 21 сент. 2022
    1 комментарий
    1 комментарий
  • Как правильно сделать вывод в туду листе?

    denisromanenko @denisromanenko
    Смотри, когда ты перебираешь массив, то вот тут:
    arr.forEach(item => {
            outTitle += item.title
            outBody += item.body
        })


    Ты не разбиваешь никак массив на карточки, ты пихаешь всё в данные одной карточку по факту, к тому же уже выбранную через card-title, а потом заново отображаешь её, перезаписывая весь HTML в карточке

    Чтобы быстро поправить ситуацию, ты сейчас можешь сделать следующее:

    Вынеси HTML, отвечающий за карточку, в функцию, ну например cardHTML:
    function cardHTML(title, card) {
    return ` <div class="card__item">
                    <div class="card__header">
                        <p class="title">${title}</p>
                        <div class="header__buttons">
                            <button class="action__button done"><img src="./img/done.svg" alt=""></button>
                            <button class="action__button delete"><img src="./img/delete.svg" alt=""></button>
                        </div>
                    </div>
                    <div class="card__body">
                        <p class="body__text">${body}</p>
                    </div>
                </div>`
    }


    Это позволит тебе вынести код, собственно формирующий отдельную карточку, удобно в одно место.

    А потом по нажатию - не пробегайся по всему массиву туду через forEach, а просто сгенерируй карточку и добавь код в <div class="cards"> через .innerHTML += cardHTML(тут аргументы укажи). Считай это будет как array.push(), только для DOM.

    Дальше ты столкнёшься с тем, как тебе с карточками работать дальше. Можешь добавить в этой функции, возвращающей HTML-представление, просто data-id к <div class="card__item" data-id="${id}">, ну и разумеется в параметрах функции надо предусмотреть какой-то id. Потом можно получить из карточки это через dataset: https://developer.mozilla.org/en-US/docs/Web/API/H...

    Нежелательно для этого id использовать, например, индекс из самого массива - ты будешь удалять например задачи из массива, а имеющиеся карточки будут ссылаться своими id-шниками на "ужатый" массив. Лучше находи самый большой id в массиве (наверняка будет просто id последнего элемента) и присваивай.

    Тогда точно не ошибёшься при поиске элемента в массиве на удаление.

    Потом когда сделаешь сохранение данных в localStorage браузера (простейшая вещь), а не просто в текущую память, с помощью такой функции создания HTML тебе будет легко написать функцию первичного заполнения карточек - просто пробежишься так же по массиву и вызовешь функцию cardHTML.
    Ответ написан 21 сент. 2022
    3 комментария
    3 комментария
  • Облака в 2022 из РФ, где есть free tier?

    denisromanenko @denisromanenko
    https://github.com/cloudcommunity/Cloud-Free-Tier-...

    Алибабу смотрели кстати?
    Ответ написан 19 сент. 2022
    2 комментария
    2 комментария
  • HUAWEI MateBook D 15 стоит ли брать для программирования?

    denisromanenko @denisromanenko
    Там Iris Xe, в любом случае не лучший вариант (совсем не вариант). Если игровой ноутбук со встроенной графикой - только райзены. Поищите либо такой же с райзеном, либо посмотрите на хоноры.

    У друга Honor с райзеном 4600H, он на нём играет во многое, хотя сам искушённый игроман (пятая плойка стоит).
    Ответ написан 19 сент. 2022
    2 комментария
    2 комментария
  • Как выключить загрузку скрытых блоков JS?

    denisromanenko @denisromanenko
    https://css-tricks.com/the-complete-guide-to-lazy-...
    Ответ написан 18 сент. 2022
    Комментировать
    Комментировать
  • Как создать цели яндекс метрики на vue?

    denisromanenko @denisromanenko
    Не сильно разбираюсь в целях яндекс метрики, но судя по всему, при подключении метрики нам становится глобально доступна функция "ym"

    https://yandex.ru/support/metrica/general/goal-js-...

    Если в обработчик клика вставитьym(XXXXXX, 'reachGoal', 'TARGET_NAME') - не сработает?
    Ответ написан 17 сент. 2022
    2 комментария
    2 комментария
  • Как передать значения из попапа в карточку, с добавлением в массив?

    denisromanenko @denisromanenko
    Если по-правильному: добавить новую запись в массив (что ни на что не повлияет, но для верности), после чего программно создать ещё одну карточку и вставить её в DOM.

    Если по-простому: добавить новую запись в массив, стереть всё из контейнера и вызвать снова render()
    Ответ написан 17 сент. 2022
    Комментировать
    Комментировать
  • Не работает Replace, как исправить?

    denisromanenko @denisromanenko
    const reg = new RegExp(gWord, 'gi')
    const replaceText = gText.replace(reg, `<span>${gWord}</span>`)


    Переходи на let и const
    Ответ написан 16 сент. 2022
    Комментировать
    Комментировать
  • Альтернативы FireBase?

    denisromanenko @denisromanenko
    Supabase
    Ответ написан 08 сент. 2022
    Комментировать
    Комментировать
  • Как определить есть ли массив в объекте?

    denisromanenko @denisromanenko
    Как я понял нужно найти не просто "а это свойство массив или нет?", а входит ли определенный массив в объект.

    const list = [
      { id: '1', name: '111111' },
      { id: '2', name: '222222' },
      { id: '3', name: '333333' },
      {
        id: '4',
        name: '444444',
        items: [
          { id: '1', name: '1111' },
          { id: '2', name: '22222' },
          { id: '3', name: '3333' }
        ]
      },
      { id: '5', name: '555555' }
    ]
    
    const arr = [
      { id: '1', name: '1111' },
      { id: '2', name: '22222' },
      { id: '3', name: '3333' }
    ]
    
    list.forEach((item) => {
      findArrInObj(item)
    })
    
    function findArrInObj(obj) {
      const stringifiedArr = JSON.stringify(arr)
      for (const [key, value] of Object.entries(obj)) {
        if (JSON.stringify(value) === stringifiedArr) {
          console.log(key)
        }
      }
    }
    Ответ написан 08 сент. 2022
    4 комментария
    4 комментария
  • Дешевый хостинг для Next.js?

    denisromanenko @denisromanenko
    Бесплатно на самом Vercel или Netlify не хотите?
    Ответ написан 08 сент. 2022
    3 комментария
    3 комментария
  • Новичёк без предыдущего опыта в разработке, способен устроиться сейчас Junior Golang Developer?

    denisromanenko @denisromanenko
    Да почему нет. Берите хороший курс, платный лучше, а ещё лучше с менторством, учитесь, пробуйте, делайте проекты. Есть деньги - хекслет какой-нибудь. Хуже ничего в начале пути нет, чем когда негде качественно спросить.

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

    То, что на другие языки больше вакансий - так там и претендентов больше будет. Это же простая математика.

    На какой-нибудь COBOL сейчас может открыто вакансий 10, но на эти 10 вакансий есть только семь программистов в живых.
    Ответ написан 05 сент. 2022
    Комментировать
    Комментировать
  • Внешнее хранилище для NextCloud на Яндекс Диске?

    denisromanenko @denisromanenko
    У хецнера есть managed хранилище на некстклауде:
    https://www.hetzner.com/storage/storage-share
    Ответ написан 05 сент. 2022
    Комментировать
    Комментировать
  • Как скриптом заполнить поле Contact Form 7 при клике на див?

    denisromanenko @denisromanenko
    Вместо textContent используйте innerText.

    textContent вам вернёт не то, что нужно. Вернее он вернёт как раз таки представление div в тексте, в том числе с навешанной функцией и прочей галиматьёй. Скорее всего потом валидация не проходит.

    Вот про различия:
    https://developer.mozilla.org/en-US/docs/Web/API/N...
    Ответ написан 05 сент. 2022
    Комментировать
    Комментировать
  • Где можно получить курс доллара с обновлением чаще раза в день?

    denisromanenko @denisromanenko
    https://exchangeratesapi.io/

    Раз в три часа можно будет бесплатно
    Ответ написан 05 сент. 2022
    Комментировать
    Комментировать
  • Как для тека td table сделать динамическое изменение ширены столбца?

    denisromanenko @denisromanenko
    https://webdevtrick.com/resizable-table-columns/
    Ответ написан 01 сент. 2022
    1 комментарий
    1 комментарий
  • Я новичок по JS, порекомендуйте что-то для интенсивного обучения?

    denisromanenko @denisromanenko
    learn.javascript.ru это no-brain выбор
    Потом задачки по языку на codewars поточить
    По Html/css курсов полно, можно на w3schools пройти.

    Ноду можно на ютубе найти курсы.

    Вообще если с английским хорошо то freecodecamp лучший - и бесплатный, и качественный
    Ответ написан 01 сент. 2022
    1 комментарий
    1 комментарий
  • Как определять страну по коду номера тлф?

    denisromanenko @denisromanenko
    https://intl-tel-input.com/
    Ответ написан 01 сент. 2022
    Комментировать
    Комментировать
  • Задвоение отправки писем в чем может быть проблема?

    denisromanenko @denisromanenko
    Сколько раз браузер дёргает скрипт? Запишите в лог на сервере, посмотрите.
    Ответ написан 01 сент. 2022
    Комментировать
    Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • Evgenii
    • 19 ответов
    • 0 вопросов
  • firedragon
    Владимир Коротенко
    • 7 ответов
    • 0 вопросов
  • vabka
    Василий Банников
    • 6 ответов
    • 0 вопросов
  • zdev-online
    • 5 ответов
    • 0 вопросов
  • Sozdavan
    • 5 ответов
    • 0 вопросов
  • Dr. Bacon
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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