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

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

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

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

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

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

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

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

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

nen0y

  • 0
    вклад
  • 134
    вопроса
  • 1
    ответ
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как доработать скрипт?

    Vladimir @Mirival
    Если в div'е не будет ничего кроме текста и
    то можно так https://codepen.io/zzzdaemonzzz/pen/abJmvBo
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как проверить есть ли слово в строке?

    Дмитрий @dimoff66
    Кратко о себе: Я есть
    const check = (str, word) => 
      str.split(word).slice(1).some(v => !v || (v[0] >= 'А' && v[0] <= 'Я'))
       
    console.log(check('МоскваПитерВоронеж', 'Питер')) //true
    console.log(check('МоскваПитерВоронеж', 'Пите')) // false
    console.log(check('МоскваПитер-3Воронеж', 'Питер')) // false
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как перебрать элементы массива в другой объект?

    sergiks
    Сергей Соколов @sergiks Куратор тега JavaScript
    ♬♬
    Не придумал ничего лучше, чем волочить в reduce() объект триггеров с тремя ключами, по каждому из ключевых слов. Перед вставкой очередной пары с ключом из триггеров, переводить его в true. Если он до этого уже включён — значит, пора вставлять новый объект для заполнения.

    Так не перезапишеся одно из трёх «важных» полей. Но несколько подряд "other_field" перезапишут друг друга в одном объекте.
    spoiler
    const data = [
      {name: "name", value: "John"},
      {name: "last_name", value: "Snow"},
      {name: "father_name", value: ""},
      {name: "name", value: "Tony"},
      {name: "last_name", value: "Stark"},
      {name: "father_name", value: ""},
      {name: "other_field", value: "damn"},
    ];
    
    data.reduce((acc, c) => {
      if (true === acc.triggers[c.name]) {
        Object.keys(acc.triggers).forEach((key) => acc.triggers[key] = false);
        acc.arr.push({});
      }
      if (c.name in acc.triggers) acc.triggers[c.name] = true;
      acc.arr[acc.arr.length - 1][c.name] = c.value;
      return acc;
    }, {
      triggers: {
        "name": false,
        "last_name": false,
        "father_name": false,
      }, 
      arr: [{}],
    }).arr;
    
    /*
    [
      {
        "name": "John",
        "last_name": "Snow",
        "father_name": ""
      },
      {
        "name": "Tony",
        "last_name": "Stark",
        "father_name": "",
        "other_field": "damn"
      }
    ]
    */
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как вывести корректную дату?

    Seasle
    Александр @Seasle Куратор тега JavaScript
    \( ゚ヮ゚)/
    var today = new Date(); 
    - var dd = today.getDate();
    + today.setDate(today.getDate() + 30); 
    + var dd = today.getDate();
    var mm = today.getMonth() + 1; 
    
    - let todayDate = `${dd}${mm}`
    + let todayDate = `${dd}.${mm}`
    $(".date").last().text(todayDate);
    Ответ написан более двух лет назад
    5 комментариев
    5 комментариев
  • Как сделать, что бы кастомный datafield реагировал на символы нижнего регистра?

    Fragster
    Антон Антон @Fragster
    помогло? отметь решением!
    Заменить d => filter === "" || d.text.includes(filter) на
    d.text.toLowerCase().includes(filter.toLowerCase())

    Ну а в случае filter === "" лучше вообще не вызывать .filter()
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как реализовать такой блок?

    aliencash
    Андрей Федоров @aliencash
    Партизан
    Как реализовать вообще любой блок (инструкция):
    1. Задать вопрос на stackoverflow или каком-нибудь аналогичном ресурсе.
    2. Дождаться ответа.
    3. Профит.
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как переставить элемент с одного div в другой?

    HamSter007
    HamSter @HamSter007
    HTML/CSS верстальщик


    let ul = $('.upper ul:nth-of-type(2)');
    $('.bottom').append(ul);
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как изменить класс для определенного элемента?

    Softlink @Softlink
    Так
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как сделать range slider который будет изменяться от введенных данных?

    DanArst
    Danny Arty @DanArst Куратор тега JavaScript
    Гриффиндор в моде при любой погоде!
    Примерно так, если вам нужен один handler

    Ответ написан более двух лет назад
    9 комментариев
    9 комментариев
  • Как сделать так, что бы тень верхнего блока не перекрывала нижний?

    Ankhena
    Ankhena @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Она и не перекрывает.
    У вас item прозрачные и через них видно тень предыдущего блока.
    Перестанут быть прозрачными - будет не видно.
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как отправить post запрос и записать в headers полученый jwt токен?

    Edheldor
    Edheldor @Edheldor
    Например с помощью AXIOS.
    Можно добавить поле в хедерc через axios.defaults.headers.common

    Будет что-то вроде этого:

    methods : {
      sendCredentials() {
            axios.post('http://URL/', {
                username: this.username,
                password: this.password
            })
             .then((response) => {
                 axios.defaults.headers.common.['Authorization'] = response.data.TOKEN; 
            })
             .catch((error) => {
                console.log(error);
          });
      },
    }
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как написать правильный роут?

    fallus
    fallus @fallus
    Например так.
    Это роуты, у которых можно создать свой meta.
    {
            name: 'myHomePage',
            path: '/',
            component: HomePage,
            meta: { sideBar: true }
    },
    {
            name: 'Products',
            path: '/',
            component: ProductsPage,
            meta: { sideBar: false }
    },


    Если sidebar это <Menu />, то:
    <Menu v-if="$route.meta && $route.meta.sideBar" />

    spoiler
    Ну а CSS потом лучше поправить, если правильно не сделано.
    Если у роутов ширина фикцированная, учитывающая ширину меню, то лучше сделать примерно так:
    #menu + .myRouteWrapper{
    width: calc(100% - var(--menuWidth))
    }


    То есть, если Меню не будет отрендерено, то ширина контента будет 100% (наверное)
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как удалить элемент с массива, если он уже там есть?

    ivsol
    Иван Соломенников @ivsol
    let numberArr = [1, 2, 3];
    
    const id = 1,
      index = numberArr.indexOf(id);
    
    if (index > -1)
      numberArr.splice(index, 1);
    
    console.log(numberArr); // [2, 3]

    Почитать на learn.javascript.ru

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

    Nolis
    Andrey Vasilev @Nolis
    it-гопник
    как вариант:
    Ответ написан более двух лет назад
    2 комментария
    2 комментария
  • Как написать верный путь для картинки?

    meowto16
    Maxim Kirshin @meowto16
    Делаю штуки
    Если vue-cli, то у него есть замечательный alias @, тогда путь будет вроде
    <img src="@/assets/logo.png" />
    или для css/scss/sass
    .example {
      background-image: url("~@/assets/logo.png");
    }


    Если ты собираешь без vue-cli самостоятельно webpack'ом, то можешь задать alias сам в webpack.config
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как сделать фиксированный thead?

    i_m_newbie @i_m_newbie
    Верстальщик
    В данном случае использовала бы свойство position: fixed; Sticky не всеми браузерами поддерживается. Конкретно в Chrome это свойство не поддерживается у элементов thead, tr: https://caniuse.com/#search=sticky
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как растянуть контент на всю высоту?

    Vadim Bogomazov @bogomazov_vadim
    Ответ написан более трёх лет назад
    5 комментариев
    5 комментариев
  • Как изменить значение свойства fill в svg?

    igumenov @igumenov
    нужно svg вставить не через src и потом простым добавлением класса
    например
    .item.active svg{fill: #f00}
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Как сделать подобный эффект?

    igumenov @igumenov
    https://codepen.io/igumenov/pen/wvvvLPm
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как сделать подобный эффект?

    BenderIsGreat34
    Иван @BenderIsGreat34
    junior front-end
    изучай сайт при помощи F12 - один из главных инструментов верстальщика/фронтенда.
    а вообще, там используются div который отвечает исключительно за верхнюю границу, я бы сделал либо через обычный border к основному div либо через псевдоэлементы after-before

    <div class="NavItem_bar__38zjQ"></div>
    .NavItem_item__3sDz .NavItem_bar__38zjQ {
        border-top: 1px solid #00aeff;
        margin: -7px 0 6px -1px;
        width: 0;
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • Drno
    • 6 ответов
    • 0 вопросов
  • AUser0
    • 4 ответа
    • 0 вопросов
  • CityCat4
    CityCat4
    • 3 ответа
    • 0 вопросов
  • mayton2019
    • 3 ответа
    • 0 вопросов
  • vabka
    Василий Банников
    • 3 ответа
    • 0 вопросов
  • galeyraf
    • 2 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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