@js_noobs_ru
JavaScript Noobs — сообщество новичков

Чат для новичков Правила: https://teletype.in/@js_noobs_ru/S1ia4hXQm Другие полезные чаты — https://github.com/goq/telegram-list или https://rudevs.network/ByKT2JwWQ

2124 members

Архив канала @js_noobs_ru 1 июля 2018 г.

03:51:59 ДП
User 422593786
User 124616083
как передать результат функции из одного файла js в другой
Делаешь json, кидаешь туда, а с другого файла парсишь.
03:52:16 ДП
User 422593786
Самый адекватный вариант, и особо парится не придётся.
03:52:34 ДП
User 422593786
И перезапись постоянная, и видишь что у тебя в I/O
07:08:43 ДП
User 542430919
Доброе утро, обясните пожалуйста какая принципиальная разница между .forEach и .map??
они оба берут по очереди єлемент массива и чтото делают сним
07:12:00 ДП
User 125133172
User 542430919
Доброе утро, обясните пожалуйста какая принципиальная разница между .forEach и .map??
они оба берут по очереди єлемент массива и чтото делают сним
мап возвращает новый массив, а форыч — нет
07:16:54 ДП
User 542430919
спасибо уже дошло))
09:04:56 ДП
User 190238467
Форыч undefined возвращает
10:13:25 ДП
User 224422556
Приветы. Необходимо сравнить поля объекта с одноимёнными полями другого объекта. В качестве полей может быть массив, другой объект, строка, число... Пока только это на ум приходит:
10:13:37 ДП
User 224422556
compareStateWithProps = () => {
    Object.keys(this.state.values).forEach((key) => {
      if (this.state.values[key] === this.props.user.profile[key]) {
        // console.log(${this.state.values[key]}   ${this.props.user.profile[key]});
        return true;
      }
      return false;
    });
  }
10:13:59 ДП
User 224422556
Однако не работает)
10:14:14 ДП
User 515512998
User 224422556
compareStateWithProps = () => {
    Object.keys(this.state.values).forEach((key) => {
      if (this.state.values[key] === this.props.user.profile[key]) {
        // console.log(${this.state.values[key]}   ${this.props.user.profile[key]});
        return true;
      }
      return false;
    });
  }
Бля йоб
10:14:41 ДП
User 224422556
Не понял
10:16:00 ДП
User 224422556
Если хотя бы одно поле не равно, должно вернуть false
10:18:08 ДП
10:18:25 ДП
User 224422556
спасибо
10:18:58 ДП
User 224422556
но сможет ли оно копнуть вглубь массива\объекта?
11:08:56 ДП
User 380460973
Всем привет 
Получаю  масив  
как правильно применить к ним всем стиль? 
const _formModal = document.querySelectorAll('.js-editProductModal');
_formModal.style.display = 'none';
11:22:27 ДП
User 302632059
User 380460973
Всем привет 
Получаю  масив  
как правильно применить к ним всем стиль? 
const _formModal = document.querySelectorAll('.js-editProductModal');
_formModal.style.display = 'none';
for (let item of _formModal) {
 item.style.display = 'none';
}
11:22:37 ДП
User 380460973
User 302632059
for (let item of _formModal) {
 item.style.display = 'none';
}
)
11:30:40 ДП
User 60331718
User 224422556
compareStateWithProps = () => {
    Object.keys(this.state.values).forEach((key) => {
      if (this.state.values[key] === this.props.user.profile[key]) {
        // console.log(${this.state.values[key]}   ${this.props.user.profile[key]});
        return true;
      }
      return false;
    });
  }
оформи по правилам
11:56:07 ДП
User 542430919
ребят обьясните пожалуйста один момент, если я делаю <input type="text" value="Значение">
то то что я введу в поле сразу автоматом заменит после отправки value="Значение" верно?
11:58:17 ДП
User 284294073
User 542430919
ребят обьясните пожалуйста один момент, если я делаю <input type="text" value="Значение">
то то что я введу в поле сразу автоматом заменит после отправки value="Значение" верно?
да, то что ты ввёл в input === input.value
12:04:07 ПП
User 542430919
User 284294073
да, то что ты ввёл в input === input.value
спасибо
01:48:58 ПП
02:19:28 ПП
User 224422556
User 60331718
оформи по правилам
обычные поля прошёл простой проверкой, для объектов использовал _.isEqual лодаш (кому интересно)
02:25:48 ПП
User 380460973
Всем привет.
Есть скрипт
Передает текст из определенных спанов в модалку с инпутами, для редактирования. 
Есть проблема
Не передает цифровые значение, по типу "60 000" 
если есть пробел
https://jsfiddle.net/0guyf7ho/8/
куда копать?
jsfiddle.net/0guyf7ho/8
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
02:27:41 ПП
User 64193009
Тайп текст ?
02:29:49 ПП
User 380460973
User 64193009
Тайп текст ?
не понял
02:29:50 ПП
02:31:26 ПП
User 64193009
User 380460973
не понял
попробуй заменить инпуты на type="text" если нужен подобный функционал. может кто-то поумнее способ посоветует, но в базе - как-то так должно работать. а полученную строку перегоняй в number или во что там тебе нужно
02:33:14 ПП
User 171372606
Привет всем. Нужно мне сделать запрос на URL, к примеру github.com/public_members/{/member} - как мне удалить последнюю часть запроса, которая {/member} ?
02:34:12 ПП
User 380460973
User 64193009
попробуй заменить инпуты на type="text" если нужен подобный функционал. может кто-то поумнее способ посоветует, но в базе - как-то так должно работать. а полученную строку перегоняй в number или во что там тебе нужно
а если парсить значение кторую получаю, получится?
02:34:24 ПП
User 64193009
User 171372606
Привет всем. Нужно мне сделать запрос на URL, к примеру github.com/public_members/{/member} - как мне удалить последнюю часть запроса, которая {/member} ?
не совсем понятно, чтоименно нужно сделать
02:34:57 ПП
User 64193009
User 380460973
а если парсить значение кторую получаю, получится?
ну если хочешь чтобы были числа типа "85 000", т е удобные для пользователя, тебе скорее всего придется это делать))
02:37:27 ПП
User 171372606
User 64193009
не совсем понятно, чтоименно нужно сделать
Ну я делаю запрос на список организаций, к примеру. Так вот во втором запросе, который members там URL такой вот github.com/org/public_members_url/member - так вот я хочу убрать /member - чтобы остался только github.com/org/public_members_url. Как это сделать?


const orgs = ajax('github.com/org');
const members = ajax(orgs.public_members_url);
02:42:15 ПП
User 64193009
'github.com/org/public_members_url/member'.slice(0, -7) ?
02:42:33 ПП
User 64193009
или через регулярку?
02:42:37 ПП
User 64193009
или в чем собсна проблема?
02:44:45 ПП
User 171372606
User 64193009
или через регулярку?
Жесть. Почему я так туплю. Сидел ковырял строку реплейсом с регулярками. Спасибо.
02:45:08 ПП
User 64193009
User 171372606
Жесть. Почему я так туплю. Сидел ковырял строку реплейсом с регулярками. Спасибо.
ну вообще через реплейс лучше ж ))  так что ковыряй дальше ))
02:45:50 ПП
User 64193009
тебе помогут ни с чем не связанные заклинания, типа
/member$
02:46:19 ПП
User 64193009
но все равно складывается ощущение что ты что-то делаешь не так )
04:22:24 ПП
User 171372606
Бандиты, есть у меня структура. Массив объектов. Мне нужно проитерироваться по трём объектам внутри массива и сделать запрос к свойству каждого объекта. Как это сделать?

Если я итерируюсь мапом. К примеру array.map(item => item.url) - у меня идёт HTTP запрос к трём URL сразу. Как обращаться к каждому по очереди?
05:37:59 ПП
User 104477
User 171372606
Бандиты, есть у меня структура. Массив объектов. Мне нужно проитерироваться по трём объектам внутри массива и сделать запрос к свойству каждого объекта. Как это сделать?

Если я итерируюсь мапом. К примеру array.map(item => item.url) - у меня идёт HTTP запрос к трём URL сразу. Как обращаться к каждому по очереди?
map еще не делает никаких запросов, покажи код целиком
05:38:53 ПП
User 104477
User 171372606
Ну я делаю запрос на список организаций, к примеру. Так вот во втором запросе, который members там URL такой вот github.com/org/public_members_url/member - так вот я хочу убрать /member - чтобы остался только github.com/org/public_members_url. Как это сделать?


const orgs = ajax('github.com/org');
const members = ajax(orgs.public_members_url);
вот этот код не будет работать, если ajax не синхронный (а если он синхронный, то срочно переделывать на нормальный)
05:39:15 ПП
User 171372606
User 104477
map еще не делает никаких запросов, покажи код целиком
Асинхронный конечн.
05:40:34 ПП
User 104477
> Как обращаться к каждому по очереди?
Правильно понимаю, что вопрос заключается в том, как одну асинхронную операцию сделать зависимой от итога завершения другой?
05:41:55 ПП
User 104477
общий ответ: использовать async function и await для функций, возвращающих промисы, или подписывать все в очередь через promise.then( … ) с перезаписью promise на полученный из then()
05:42:06 ПП
User 104477
чтобы конкретнее, надо код видеть
05:43:07 ПП
User 171372606
User 104477
чтобы конкретнее, надо код видеть
У меня таска всё через генераторы сделать. Скину чуть позже код.
05:44:02 ПП
User 104477
все на генераторах не получится, для асинхронщины потребуются какие-то колбэки
05:44:17 ПП
User 104477
а раз уже есть колбэки, глупо не использовать для них промисы или async
06:07:21 ПП
User 190238467
Сделай асинк функцию, в ней фором по массиву пройдись и авейтом вызывай асинхронщину одну за другой
06:07:32 ПП
User 215655868
Ребзя. Есть чё почитать про построение архитектуры программ?
06:13:28 ПП
User 215655868
Что нибудь типо - общие концепции и правила
06:38:54 ПП
User 282101221
привет всем, народ не подскажите, может кто работал с таким слайдером уже, может знаете как его зовут и чего покурить для его понимания
06:38:56 ПП
06:43:53 ПП
User 194411327
я делал подобный, только вертикальный. в целом можно и самому сворганить основу. 
Его видел, но отказался, т.к. видел на jQ
06:45:42 ПП
User 194411327
тебе то не ясно то, как он работает?
06:45:44 ПП
User 194411327
или что?
07:14:34 ПП
User 201036437
User 215655868
Что нибудь типо - общие концепции и правила
DRY, SOLID, KISS, ООП, паттерны в ООП, функциональное программирование + каждый день писать код
07:16:05 ПП
User 466425520
var a = [1,2,3];
var b = [1,2,3];
var c = "1,2,3";

a == c;    // true
b == c;    // true
a == b;    // false Здравствуйте, объясните пожалуйста мне эту логику jsа
07:17:29 ПП
User 155513348
User 466425520
var a = [1,2,3];
var b = [1,2,3];
var c = "1,2,3";

a == c;    // true
b == c;    // true
a == b;    // false Здравствуйте, объясните пожалуйста мне эту логику jsа
там где ты сравниваешь 2 "массива", ты сравниваешь не массивы, а их ссылки, а ссылки разные всегда
07:17:52 ПП
User 515512998
User 155513348
там где ты сравниваешь 2 "массива", ты сравниваешь не массивы, а их ссылки, а ссылки разные всегда
А там где не массивы?
07:18:07 ПП
User 155513348
== - приведение к типу
07:18:16 ПП
User 155513348
если использовать === то будет false
07:18:37 ПП
User 466425520
User 155513348
там где ты сравниваешь 2 "массива", ты сравниваешь не массивы, а их ссылки, а ссылки разные всегда
тоесть 2 массива не возможно сравнить через == ?
07:18:38 ПП
User 155513348
к слову, всегда используйте ===, потому что с привидением к типу могут быть баги
07:18:44 ПП
User 190238467
Он же все к строке приводит?
07:18:58 ПП
User 155513348
User 466425520
тоесть 2 массива не возможно сравнить через == ?
невозможно, можно сделать JSON.stringify и сравнить их как строки
07:19:26 ПП
User 466425520
User 155513348
невозможно, можно сделать JSON.stringify и сравнить их как строки
понятно, спасибо за пояснение
07:19:58 ПП
User 155513348
либо написать функцию которая будет сравнивать значения в массиве
07:20:06 ПП
User 155513348
и возвращать нужное булевое значение
07:20:08 ПП
User 155513348
как удобно
07:32:16 ПП
User 215655868
User 201036437
DRY, SOLID, KISS, ООП, паттерны в ООП, функциональное программирование + каждый день писать код
Это ты где об этом узнал?
07:32:17 ПП
User 201036437
https://www.python.org/dev/peps/pep-0020/
python.org/dev/peps/pep-0020
The official home of the Python Programming Language
07:33:59 ПП
User 282101221
User 194411327
или что?
У меня там модалка на активном классе не срабатывала, когда я использовал решение
07:34:31 ПП
User 194411327
User 282101221
У меня там модалка на активном классе не срабатывала, когда я использовал решение
стоп, ты спрашиваешь про слайдер, а интересует модалка?
07:35:02 ПП
User 215655868
User 201036437
DRY, SOLID, KISS, ООП, паттерны в ООП, функциональное программирование + каждый день писать код
А функциональное программирование как относиться к архитектуре программы?
07:35:49 ПП
User 282101221
User 194411327
стоп, ты спрашиваешь про слайдер, а интересует модалка?
Получается у этого слайдера должна быть модалка, при клике на фото по центру она должна увеличивать, на боковые - перелистывать
07:36:15 ПП
User 201036437
User 215655868
А функциональное программирование как относиться к архитектуре программы?
Как таковое - никак, но там есть свои приемы, ну и понимание того, что это и зачем это - расширяет архитектурный кругозор
07:37:12 ПП
User 215655868
User 201036437
Как таковое - никак, но там есть свои приемы, ну и понимание того, что это и зачем это - расширяет архитектурный кругозор
Хм 🤔.
Например?
07:37:16 ПП
User 194411327
User 282101221
Получается у этого слайдера должна быть модалка, при клике на фото по центру она должна увеличивать, на боковые - перелистывать
модалка вообще ни разу не связана со слайдером. оыбчно это раздельно. ты можешь вывесить код и проблему детальней обрисовать
07:37:17 ПП
07:37:36 ПП
User 104477
User 215655868
Ребзя. Есть чё почитать про построение архитектуры программ?
Что конкретно тебя интересует?
07:38:14 ПП
User 282101221
User 194411327
модалка вообще ни разу не связана со слайдером. оыбчно это раздельно. ты можешь вывесить код и проблему детальней обрисовать
Я под модалкой подразумеваю увеличенное изображение в модальном окне
07:38:26 ПП
User 194411327
User 282101221
Я под модалкой подразумеваю увеличенное изображение в модальном окне
я понимаю
07:38:28 ПП
User 215655868
User 104477
Что конкретно тебя интересует?
Меня интересует что вот я пилю приложеньки, но когда они становятся большие, их становится сложно поддерживать и развивать
07:38:29 ПП
User 104477
User 282101221
Я под модалкой подразумеваю увеличенное изображение в модальном окне
Слайдер может быть и без этого
07:38:39 ПП
User 194411327
User 104477
Слайдер может быть и без этого
ия о чем
07:38:41 ПП
User 104477
User 215655868
Меня интересует что вот я пилю приложеньки, но когда они становятся большие, их становится сложно поддерживать и развивать
Например, что сложно?
07:38:49 ПП
User 282101221
Тобишь на онклик он мне открывает картинку увеличенную
07:38:54 ПП
User 194411327
давай код в студию и посмотрим, что у тебя не работает
07:39:23 ПП
User 251377116
User 466425520
var a = [1,2,3];
var b = [1,2,3];
var c = "1,2,3";

a == c;    // true
b == c;    // true
a == b;    // false Здравствуйте, объясните пожалуйста мне эту логику jsа
ссылки на массивы разные
07:41:21 ПП
User 215655868
User 104477
Например, что сложно?
Сложно то. Что приложение становиться на столько большое, что в уме все его аспекты не вмещаются. Все запомнить сложно. И когда нужно что-то пофиксить, или что-то новое допилить. То не получается просто так взять - и сразу начать писать код. Сперва приходиться долго подумать о том, куда что положить, чтоб оно там лежало и не ваняло
07:42:00 ПП
User 201036437
User 215655868
Хм 🤔.
Например?
Композиция вместо наследования, кэрринг, чистые функции (последние два и без чисто-фп подхода интересны и полезны)
07:42:14 ПП
User 215655868
User 201036437
Композиция вместо наследования, кэрринг, чистые функции (последние два и без чисто-фп подхода интересны и полезны)
Ну это семечки
07:42:47 ПП
User 201036437
User 215655868
Ну это семечки
Тогда вопрос странный. Ищи сеньора и пиши код
07:43:58 ПП
User 215655868
Ну вот основы хаскеля изучил. Что то простое пописал на нем
07:46:10 ПП
User 215655868
User 201036437
Как таковое - никак, но там есть свои приемы, ну и понимание того, что это и зачем это - расширяет архитектурный кругозор
https://m.habr.com/post/211871/
m.habr.com/post/211871
Введение В мире функционального программирования есть один большой пробел, а именно почти не освещена тема высокоуровневого дизайна больших приложений. Я решил...
07:54:41 ПП
User 256413068
архитектура с опытом приходит, особенно когда с умными людьми общаешься
07:57:48 ПП
User 215655868
User 256413068
архитектура с опытом приходит, особенно когда с умными людьми общаешься
Ну и хреново. Должно быть все задокументировано
07:58:32 ПП
User 256413068
не должно :)
07:59:35 ПП
User 215655868
знания передаются из уст в уста?)
07:59:53 ПП
User 256413068
всё задокументировать невозможно
08:00:54 ПП
User 215655868
Кнш не возможно. Поэтому должно быть общие концепции или обстракции, отражающие разные случаи
08:01:23 ПП
User 215655868
В математике как-то ж документируют все)
08:16:10 ПП
User 482174895
Всем привет. А как поймать поймать событие переходи человека на другое окно в браузере. Мне надо остановить слайдер, если человек уходит со страница, и запускать, если вернется
08:18:12 ПП
User 215655868
User 482174895
Всем привет. А как поймать поймать событие переходи человека на другое окно в браузере. Мне надо остановить слайдер, если человек уходит со страница, и запускать, если вернется
Через localstorage
08:19:43 ПП
User 215655868
https://m.habr.com/post/250891/
m.habr.com/post/250891
Мне захотелось наладить общение скриптов из разных вкладок браузера. Будущий API SharedWorker позволяет передавать данные между разными iframe и даже вкладками...
08:22:19 ПП
User 215655868
Но это только общение одного твоего приложения между разными вкладками.
08:44:16 ПП
User 482174895
User 215655868
Но это только общение одного твоего приложения между разными вкладками.
Спасибо большое. Вроде разобрался
10:37:39 ПП
User 171372606
User 104477
чтобы конкретнее, надо код видеть
http://jsbin.com/juxipokuve/1/edit
jsbin.com/juxipokuve/1/edit
A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...
11:21:53 ПП
User 104477
User 215655868
Сложно то. Что приложение становиться на столько большое, что в уме все его аспекты не вмещаются. Все запомнить сложно. И когда нужно что-то пофиксить, или что-то новое допилить. То не получается просто так взять - и сразу начать писать код. Сперва приходиться долго подумать о том, куда что положить, чтоб оно там лежало и не ваняло
вот буквально вчера @jabher делал доклад про математически точную оценку сложности технологий
11:22:26 ПП
User 171372606
User 104477
вот буквально вчера @jabher делал доклад про математически точную оценку сложности технологий
Смотрел?
11:22:38 ПП
User 215655868
User 104477
вот буквально вчера @jabher делал доклад про математически точную оценку сложности технологий
🙏🙏🙏 плиз ссылку
11:22:58 ПП
User 104477
не записывали, свяжись с ним
11:23:21 ПП
11:23:42 ПП
User 215655868
User 104477
вот буквально вчера @jabher делал доклад про математически точную оценку сложности технологий
А где он делал доклад?
11:24:07 ПП
User 104477
в Минске на BeerJS Summit
11:24:30 ПП
User 215655868
Ну как такое можно было не записать 😭