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

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

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

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

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

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

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

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

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

Алексей

  • 51
    вклад
  • 12
    вопросов
  • 127
    ответов
  • 28%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как лучше генерировать элементы на странице?

    Алексей @AleksRap
    Rerurk, Форматирование конечно пи***ц). Это выглядит понятно пока там нету большого числа вложенных элементов. В примере простой див, а вот если это компонент, части которого нет смысла выносить в отдельные компоненты, но их много. Разве это читабельно будет? очень сомневаюсь
    Написано 12 авг. 2020
  • Как лучше генерировать элементы на странице?

    Алексей @AleksRap
    Rerurk,

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

    const arrComponents = [];
    
    for (let i = 0; i < 152; i++) {
      arrComponents.push(`
        <div class="child-block-${i}">Text-${i}</div>
      `);
    }
    
    const template = (child) => `
      <div class="block">${child}</div>
    `;
    
    const arrBlock = arrComponents.map(child => template(child));
    ... Вставляем в Dom
    Написано 12 авг. 2020
  • Как лучше генерировать элементы на странице?

    Алексей @AleksRap
    Rerurk, Вы серьезно считаете что это

    const picHolder = document.getElementById("picHolder");
    const img = document.createElement("img");
    img.setAttribute('src', `images/stone-${number}.jpg`)
    img.setAttribute('alt', 'pic');
    picHolder.appendChild(img);


    читабельнее и нагляднее этого?

    const template = `
      <img src='images/stone-${number}.jpg' alt='pic'>
    `;


    А если надо сгенерировать блок с кучей вложенных блоков, которые не являются отдельными сущностями, а не просто картинку добавить. Представляете насколько вырастает сложность восприятия. Не зря же в react jsx придумали. Верстку визуально воспринимать легче

    И где в моем примере отсутствует динамика?
    Написано 12 авг. 2020
  • Пропадает this в функции, как можно исправить?

    Алексей @AleksRap
    $('.lft-close').on('click', () => {
        filterShow();
      });


    или

    $('.lft-close').on('click', filterShow);
    Написано 12 авг. 2020
  • Как лучше генерировать элементы на странице?

    Алексей @AleksRap
    lyrion, не просто удалять, а чистить все слушатели, подписки и т.д, чтоб не возникли утечки памяти. По поводу парусить, автонабор подменил— имел в виду парсить
    Написано 12 авг. 2020
  • Что могло случиться с input range после переноса на другой сайт?

    Алексей @AleksRap
    SaNFeeD, тогда скрины оттуда в студию
    Написано 09 авг. 2020
  • Fetch запрос возвращает пустой результат?

    Алексей @AleksRap
    SergeyT89, Это не костыль, это средство для разработки. Если хотите этот api использовать на сайте - сделайте так, чтоб сервер возвращал нужный заголовок - разрешил запросы от любого сайта или конкретно от вашего домена. Иначе никак
    Написано 08 авг. 2020
  • Fetch запрос возвращает пустой результат?

    Алексей @AleksRap
    SergeyT89, Почитайте про корсы. Сервер не возвращает нужный заголовок. Если есть доступ к серверу - исправьте этот момент.

    Либо поставьте расширение в ваш браузер отключающий корсы (я использую Allow CORS: Access-Control-Allow-Origin для хрома) и все будет ок. Лично проверено на примерах что скинул выше
    Написано 08 авг. 2020
  • JS привязывает события к элементам один раз при построении дерева или многократно?

    Алексей @AleksRap
    ImagineWorld, https://learn.javascript.ru/introduction-browser-events раздел removeEvent
    Написано 07 авг. 2020
  • JS привязывает события к элементам один раз при построении дерева или многократно?

    Алексей @AleksRap
    Stalker_RED, Это да. Но например клик вызывает обращение к серверу. Кнопка уже удалена, а ответ еще не успел прийти. В итоге ответ не нужен, а ответ приходит - лишний запрос. Когда это одна кнопка это не критично, а вот когда таких моментов много, они в сумме замедляют приложение
    Написано 07 авг. 2020
  • Как собрать сложный проект на vue (с доп. модулями)? Правильно ли я это делаю?

    Алексей @AleksRap
    Игорь Прокофьев,

    vue CLI https://cli.vuejs.org/ru/
    gulp https://gulpjs.com/
    webpack https://webpack.js.org/

    Ссылки на доки по тем технологиям. Очень многое можно почерпнуть
    Написано 07 авг. 2020
  • JS привязывает события к элементам один раз при построении дерева или многократно?

    Алексей @AleksRap
    Обработчик никуда не пропадет. Это и вызывает утечку памяти. При удалении элемента за ним нужно чистить все подписки и события
    Написано 07 авг. 2020
  • Как собрать сложный проект на vue (с доп. модулями)? Правильно ли я это делаю?

    Алексей @AleksRap
    Игорь Прокофьев,

    npm i *имя модуля* - если зависимость для прода

    npm i -D *имя модуля* - если зависимость для разработки

    * - при наборе команд их не вводить
    Написано 07 авг. 2020
  • Будет ли react-router-dom перерисовывать страницу, если я передам useState значение?

    Алексей @AleksRap
    Дуболом Одноклеточный, если используется токен или userId - сохраните его в стейт приложения и используйте где нужно
    Написано 23 июл. 2020
  • Будет ли react-router-dom перерисовывать страницу, если я передам useState значение?

    Алексей @AleksRap
    Дуболом Одноклеточный, Логаут это просто удаление токена из состояния и изменение isAuth на false. Авторизация - получение токена и изменение isAuth на true при первом входе на любую страницу, благодаря чему появляется возможность переходить по приватным роутам (у вас же реализованы приватные роуты?) Зачем это использовать 5 раз?

    Если нет перерисовки - вероятнее всего не меняется состояние. Проверьте выполняется ли условие if(user && user.token), а именно, заходит ли внутрь блока с этим условием
    Написано 22 июл. 2020
  • Как написать маску для номера телефона?

    Алексей @AleksRap
    В маске косяк, если зажать цифру, то можно набрать сколько угодно знаков. +7 появляется не всегда
    Написано 15 июн. 2020
  • Осилит ли такой проект PUG?

    Алексей @AleksRap
    newhacke, почитайте доку по pug и все станет ясно. Вкратце - создаете миксин и пишете цикл - это все в .pug файлах
    Написано 23 апр. 2020
  • Как подключить скрипт на чистом js к react?

    Алексей @AleksRap
    Flagname, Там где нужно использовать табы
    Написано более года назад
  • Как организовать асинхронную функцию .map?

    Алексей @AleksRap
    Иван Табакерка, Promise.all в ответе выше, как раз для ожидания всех промисов и последующего выполнения
    Написано более года назад
  • Как сделать, чтобы таймер не сбрасывался при обновлении страницы?

    Алексей @AleksRap
    Artem Marenkov, Самим искать решение полезнее чем получать готовое, даю подсказку:

    Сравнивайте время в мс. Используйте класс new Date
    Написано более года назад
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • Следующие →
Самые активные сегодня
  • dimonchik2013
    Dimonchik
    • 11 ответов
    • 0 вопросов
  • yupiter7575
    Yupiter7575
    • 9 ответов
    • 0 вопросов
  • Василий Банников
    • 8 ответов
    • 0 вопросов
  • Alexa2007
    • 7 ответов
    • 0 вопросов
  • Kozack
    Alex
    • 6 ответов
    • 0 вопросов
  • 0xD34F
    0xD34F
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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