Ответы, понравившиеся пользователю nen0y

Как доработать скрипт?

Vladimir @Mirival

Если в div'е не будет ничего кроме текста и
то можно так https://codepen.io/zzzdaemonzzz/pen/abJmvBo

Ответ написан более двух лет назад

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 комментария

Как перебрать элементы массива в другой объект?

Сергей Соколов @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 комментария

Как вывести корректную дату?

Александр @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 комментариев

Как сделать, что бы кастомный datafield реагировал на символы нижнего регистра?

Антон Антон @Fragster

помогло? отметь решением!

Заменить d => filter === "" || d.text.includes(filter) на

d.text.toLowerCase().includes(filter.toLowerCase())

Ну а в случае filter === "" лучше вообще не вызывать .filter()

Ответ написан более двух лет назад

Комментировать

Как реализовать такой блок?

Андрей Федоров @aliencash

Партизан

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

Ответ написан более двух лет назад

Комментировать

Как переставить элемент с одного div в другой?

HamSter @HamSter007

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

let ul = $('.upper ul:nth-of-type(2)');
$('.bottom').append(ul);

Ответ написан более двух лет назад

1 комментарий

Как изменить класс для определенного элемента?

Softlink @Softlink

Так

Ответ написан более двух лет назад

1 комментарий

Как сделать range slider который будет изменяться от введенных данных?

Danny Arty @DanArst Куратор тега JavaScript

Гриффиндор в моде при любой погоде!

Примерно так, если вам нужен один handler

Ответ написан более двух лет назад

9 комментариев

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

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Она и не перекрывает.
У вас item прозрачные и через них видно тень предыдущего блока.
Перестанут быть прозрачными - будет не видно.

Ответ написан более двух лет назад

Комментировать

Как отправить post запрос и записать в headers полученый jwt токен?

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

Например так.
Это роуты, у которых можно создать свой 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 комментарий

Как удалить элемент с массива, если он уже там есть?

Иван Соломенников @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

Массивы
Методы массивов

Ответ написан более двух лет назад

Комментировать

Как спрятать блок по клику?

Andrey Vasilev @Nolis

it-гопник

как вариант:

Ответ написан более двух лет назад

2 комментария

Как написать верный путь для картинки?

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 комментарий

Как сделать фиксированный thead?

i_m_newbie @i_m_newbie

Верстальщик

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

Ответ написан более трёх лет назад

3 комментария

Как растянуть контент на всю высоту?

Vadim Bogomazov @bogomazov_vadim

Ответ написан более трёх лет назад

5 комментариев

Как изменить значение свойства fill в svg?

igumenov @igumenov

нужно svg вставить не через src и потом простым добавлением класса
например
.item.active svg{fill: #f00}

Ответ написан более трёх лет назад

2 комментария

Как сделать подобный эффект?

igumenov @igumenov

https://codepen.io/igumenov/pen/wvvvLPm

Ответ написан более трёх лет назад

Комментировать

Как сделать подобный эффект?

Иван @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 комментарий

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