Size: a a a

2020 April 16

DE

Denis Efremov in pro.js
Того, что нарисовал клиент
источник

DE

Denis Efremov in pro.js
Алексей
Пугает что возможно проблемы с производительностью будет, но все равно спасибо за идею) Гляну как будет работать
источник

А

Алексей in pro.js
Интересное решение. Спасибо
источник

DE

Denis Efremov in pro.js
Алексей
Интересное решение. Спасибо
источник

С

Славик in pro.js
Denis Efremov
Я про передачу данных на сервер
так фишка же в том, чтобы получить конечное изображение
источник

DE

Denis Efremov in pro.js
Вечное
источник

СП

Сергей Предводителев... in pro.js
Добрый вечер!

Подскажите, как правильно реализовать вот такую штуку на JS.

Есть массив:
users: [
{id: 1, name: "Коля"},
{id: 2, name: "Коля"},
{id: 3, name: "Коля"},

];


Нужно в процессе работы постоянно получать пользователей.

В лоб получается вот такая функция:
getUser(id) {
 for (let user of users) {
   if (user.id===id) {
     return user;
   }
 }
 return null;
}


Но меня очень смущает, что надо постоянно по массиву бегать. Может быть можно как-то покрасивее сделать?
источник

СП

Сергей Предводителев... in pro.js
let usersById = {}
for (let user of users) {
 usersById[user.id] = user;
}


И в дальнейшем просто получать usersById[id] ?
источник

СП

Сергей Предводителев... in pro.js
Вариант, спасибо
источник

А

Алексей in pro.js
Славик
так фишка же в том, чтобы получить конечное изображение
источник

А

Алексей in pro.js
Спасибо большое!
источник

С

Славик in pro.js
годнота, но уже svg
источник

MH

Mickhael Hugo in pro.js
Всем привет. Подскажите пожалуйста в чем проблема.
Мне надо при клике увеличивать высоту блока исходя из контента

$('.tab-title').on('click',function(){
    var a =0;
    a = $('.tab :checked ~ .tab-content').outerHeight();
    console.log(a);
    $('.catr-about-item').css('height',a+80);
});
скрипт работает но с задержкой в один клик
источник

t

th.witness in pro.js
Mickhael Hugo
Всем привет. Подскажите пожалуйста в чем проблема.
Мне надо при клике увеличивать высоту блока исходя из контента

$('.tab-title').on('click',function(){
    var a =0;
    a = $('.tab :checked ~ .tab-content').outerHeight();
    console.log(a);
    $('.catr-about-item').css('height',a+80);
});
скрипт работает но с задержкой в один клик
Не с задержкой, она так и должна работать. Ты вешаешь листенер на tab-title, реагирующий на клик.
источник

MH

Mickhael Hugo in pro.js
th.witness
Не с задержкой, она так и должна работать. Ты вешаешь листенер на tab-title, реагирующий на клик.
Но если поменять на $('.tab-title').click(function(){ то результат тот же
источник

DE

Denis Efremov in pro.js
Mickhael Hugo
Но если поменять на $('.tab-title').click(function(){ то результат тот же
Ну это шорткат
источник

В

Владислав in pro.js
Добрый день. Почему может быть проблема с Яндекс картой (если вставлять скрипт из конструктора, а не инициализировать или айфрейм).

Script element was removed from document.

При том смотря в каком месте вставить его, в некоторых работает.
источник

t

th.witness in pro.js
Mickhael Hugo
Но если поменять на $('.tab-title').click(function(){ то результат тот же
Если хочешь, чтобы оно в начале выполнилось 1 раз, создай отдельно функцию аля tabTitleClickHandler, опиши там ту же логику и вызови ручками. Потом передаёшь её в .on(...) вторым аргументом, чтобы он был обработчиком данного события.
источник

MH

Mickhael Hugo in pro.js
th.witness
Если хочешь, чтобы оно в начале выполнилось 1 раз, создай отдельно функцию аля tabTitleClickHandler, опиши там ту же логику и вызови ручками. Потом передаёшь её в .on(...) вторым аргументом, чтобы он был обработчиком данного события.
окей спасибо, буду пробовать
источник

DE

Denis Efremov in pro.js
Владислав
Добрый день. Почему может быть проблема с Яндекс картой (если вставлять скрипт из конструктора, а не инициализировать или айфрейм).

Script element was removed from document.

При том смотря в каком месте вставить его, в некоторых работает.
Песочницу
источник