@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 8 февраля 2017 г.

12:23:11 ДП
User 9656239
Vue продолжает набирать популярность:
12:23:13 ДП
User 9656239
http://javascript.ru/forum/server-tools/67197-migraciya-na-webpack-2-c-gulp.html
javascript.ru/forum/server-tools/67197-migraciya-na-webpack-2-c-gulp.html
Доброго времени суток, коллеги нужны ваши советы и помощь Суть вопроса – переезд с
12:24:28 ДП
User 9656239
Для лиги лени:
12:25:15 ДП
User 9656239
просто радует что Vue все больше обсуждают в сети
04:29:33 ДП
User 1844260
gulp через browserify и vueify vue собирать позволяет
04:30:30 ДП
User 1844260
у vueify код ьакой же, как у webpack-vue-loader, по-моему им смысла нет работающее решение менять
06:12:58 ДП
User 282857241
люди добрые, почему может не работать (@scroll='handleScroll') ?
06:13:13 ДП
User 282857241
метод точно есть, и никаких тебе ошибок
06:14:40 ДП
User 55423102
скролл наверное на документе надо слушать
06:15:14 ДП
User 282857241
https://www.reddit.com/r/vuejs/comments/5grdbp/what_is_the_best_way_to_throttle_scroll_and/

вот такое нашел уже раза 3 в разных местах
reddit.com/r/vuejs/comments/5grdbp/what_is_the_best_way_to_throttle_scroll_and
I've currently using this method here with the lodash throttle function but I would like to be able to use the `@scroll` property in the root...
06:15:18 ДП
User 58768789
User 282857241
люди добрые, почему может не работать (@scroll='handleScroll') ?
А уверен, что скролл происходит именно на этом элементе? Довольно хитрый этот евент, я сам логику понять иногда не могу
06:15:42 ДП
User 55423102
Событие onscroll происходит, когда элемент прокручивается.
06:15:44 ДП
User 282857241
а что значит "именно на этом" ? есть элемент, я скроллю страницу, он уезжает вверх
06:15:47 ДП
User 55423102
В отличие от события onwheel (колесико мыши), его могут генерировать только прокручиваемые элементы или окно window. Но зато оно генерируется всегда, при любой прокрутке, не обязательно «мышиной».
06:16:02 ДП
User 55423102
значит или на окне слушать или проверять что элемент прокручиваемый)
06:16:13 ДП
User 58768789
User 282857241
а что значит "именно на этом" ? есть элемент, я скроллю страницу, он уезжает вверх
Ну тогда на нем точно не может быть этого события. Нужно слушать документ
06:16:22 ДП
User 282857241
я не могу понять, что значит "прокруиваемый". не fixed, например?
06:17:36 ДП
User 58768789
Ну, например, у него в стилях height:80px; overflov-y: scroll;
А контент внутри - 300px. Тогда этот элемент будет прокручиваемым
06:18:02 ДП
User 282857241
то есть элемент, у которого есть скроллбар, грубо говоря
06:18:06 ДП
06:18:33 ДП
User 58768789
В твоем случае это элемент document. Или document.body можно слушать
06:18:41 ДП
User 282857241
понял, спасибо. просто хотелось бы писать код декларативно, в vue-way так сказать. тут ведь для обработки событий директива
06:20:22 ДП
User 55423102
ну я на быстром гугле видел vue-scroll, где внутри он на окно и навешивается
06:20:29 ДП
User 55423102
можно самому директиву написать, тоже хорошая практика
06:22:26 ДП
User 282857241
ага, видел ее. меня смутили советы юзать @scroll
07:18:45 ДП
User 87766051
http://dl3.joxi.net/drive/2017/02/08/0002/0275/192787/87/5b019cc6cc.jpg
dl3.joxi.net/drive/2017/02/08/0002/0275/192787/87/5b019cc6cc.jpg
07:18:47 ДП
User 87766051
Парни, подскажите, как в методе onclick проставить для всех табов параметр isActive:false?
07:19:30 ДП
User 55423102
this.tabs = this.tabs.map(меняешь что нужно)
07:20:18 ДП
User 152816933
Прикольное написание запятых))
07:20:40 ДП
User 87766051
User 152816933
Прикольное написание запятых))
;) так удобнее
07:21:11 ДП
User 152816933
почему? Можно пример, в какой ситуации это удобнее?
07:31:02 ДП
User 87766051
User 55423102
this.tabs = this.tabs.map(меняешь что нужно)
спасибо большое. НО я сейчас перебрал все возможные варианты как это написать )) и оно не работает. Я очень далек от фронтэнда и js. Прошу написать еще 1 строчку кода ) что в скобках? ))
07:31:50 ДП
User 55423102
функция которая принимает в качестве первого параметра элемент массива и внутри функции происходит нужная магия и делается return элемента нового массива
07:32:40 ДП
User 55423102
this.tabs = this.tabs.map(function (item) {
 // как-то меняем item
  return измененное
})
07:33:13 ДП
User 133750577
Аналогично map'у в любом другом яп
07:34:25 ДП
User 87766051
User 152816933
почему? Можно пример, в какой ситуации это удобнее?
http://joxi.ru/VrwQV6BIO4KMQ2
07:34:40 ДП
User 87766051
User 55423102
this.tabs = this.tabs.map(function (item) {
 // как-то меняем item
  return измененное
})
огромное спасибо. Все понял. Получилось )
07:36:11 ДП
User 152816933
User 87766051
http://joxi.ru/VrwQV6BIO4KMQ2
мой мозг выдал Uncaught SyntaxError :)
07:36:33 ДП
User 87766051
но срабатывает почему-то только при первом вызове
07:45:13 ДП
User 87766051
не все верно.. там класс отдельно добавляется и это не связано с данными. Получается что вот это v-bind:class="{ active: tab.isActive }" не реактивное связывание? А нельзя сделать чтобы была прямая зависимость от модели? Изменили данные - изменился класс
07:47:05 ДП
User 55423102
должно работать
07:49:58 ДП
User 87766051
Код работает но в одну сторону.  Меняются данные, все ок. Но эти данные не отрисовываются заново в html(связь через bind)
07:51:37 ДП
User 87766051
аааа, я все понял. Простите за глупые вопросы.
07:58:14 ДП
User 55423102
и что же понял?)
08:01:39 ДП
User 112715267
User 87766051
http://joxi.ru/VrwQV6BIO4KMQ2
А почему квадратными скобками не пользуетесь
08:03:38 ДП
User 87766051
User 112715267
А почему квадратными скобками не пользуетесь
потому что они работают начиная с 5,4. А до недавнего времени стоял на локальном сервере(под виндой) сборка опен-сервера с 5.3.
08:09:59 ДП
User 87766051
User 55423102
и что же понял?)
) понял что навешивал класс "active" на html, минуя изменение данных. В методе клика
было
event.target.classList.add('active')
стало
tab.isActive = true;
08:11:44 ДП
User 87766051
Вообще должен сказать что VUE производит хорошее впечатление. Низкий порог вхождения, в отличие от ember. Все просто и логично
08:19:02 ДП
User 112715267
User 87766051
потому что они работают начиная с 5,4. А до недавнего времени стоял на локальном сервере(под виндой) сборка опен-сервера с 5.3.
7 уже 2 года есть
08:20:08 ДП
User 40595124
User 112715267
7 уже 2 года есть
+1

5.* ветка уже не поддерживается.
08:20:14 ДП
User 40595124
Пора выбрасывать.
08:22:38 ДП
User 112715267
Давно пора
08:22:41 ДП
User 112715267
Господи
08:22:43 ДП
User 87766051
Да и пожалуйста, выбрасывайте ) все сервера обновлять, чинить все что сломается… работает - не трогай. Слишком много более важных дел, чем квадратные скобки.
08:23:22 ДП
User 112715267
User 87766051
Да и пожалуйста, выбрасывайте ) все сервера обновлять, чинить все что сломается… работает - не трогай. Слишком много более важных дел, чем квадратные скобки.
Что чинить? mysql_* на mysqli_* заменить?
08:23:34 ДП
08:24:11 ДП
User 87766051
Как скажешь )
08:30:24 ДП
User 1844260
User 87766051
Да и пожалуйста, выбрасывайте ) все сервера обновлять, чинить все что сломается… работает - не трогай. Слишком много более важных дел, чем квадратные скобки.
так их все равно обновлять надо, разве нет? даже банально исправления безопасности
08:30:38 ДП
User 1844260
хотя тема явно для этой конфы не подходит
08:35:44 ДП
User 87766051
Парни да нормально все у меня и с безопасностью и с жизнью. Тут действительно не вижу смысла обсуждать что-то. Идеальных условий не существует, они недостижимы и всегда есть что исправить и сделать иначе. В любом деле. Каждая проблема имеет свою стоимость решения. Есть просто у меня есть другие более приоритетные задачи.
08:39:32 ДП
08:39:47 ДП
User 40595124
Чем то похоже на виндузятников, которые сразу после установки Винды отрубают обновления.
08:40:00 ДП
User 40595124
Те же аргументы.
08:41:44 ДП
User 1844260
у меня в виртуалке семерочка с отрубленным обновлениями :D
08:52:10 ДП
User 58768789
User 40595124
Чем то похоже на виндузятников, которые сразу после установки Винды отрубают обновления.
Обрубаю обновления всегда. Винда - помойная дыра. Обновления безопасности не решают глобальных проблем, как то подмена исполняемых файлов, загрузившись из-под флэхи с бубунтой, например, а закрывают, скорее, баги никому не нужного IE. Проще юзать сэндбоксы, не хранить личных данных (или шифровать, но лучше не хранить), чекать хэшсуммы пакетов при установке и проверять авирем каждый файл, нежели мириться с тормозами и телеметрией, добавляемыми в каждой второй обнове. А все более-менее критичные операции в винде не выполнять вообще. Все это на практике гораздо проще, чем звучит.
08:53:21 ДП
User 58768789
И да, я говорю про Win7 <=. Десятку из принципа не ставлю. Ненужная телеметрия и плохая обратная совместимость (хотя это, возможно, уже поправили)
08:54:05 ДП
User 202520
Как же вам тяжело жить... пользуюсь и не заморачиваюсь
08:56:15 ДП
User 1844260
User 58768789
И да, я говорю про Win7 <=. Десятку из принципа не ставлю. Ненужная телеметрия и плохая обратная совместимость (хотя это, возможно, уже поправили)
а как тестишь верстку в новом их браузере? эдж который
08:57:39 ДП
User 58768789
Удаленный десктоп есть на работе, юзаю его. Да и юзал только один раз. Браузер збс, проблем с ним не было ни разу
08:58:22 ДП
User 1844260
у меня просто схожий паттерн, есть семерка и 8.1, но эдж туда не запихнуть
08:58:33 ДП
User 1844260
а 10 в моем виртуал боксе очень плохо живет
08:58:43 ДП
User 1844260
лучше б вообще не работала, чем так 😐
08:58:59 ДП
User 133277047
User 58768789
Обрубаю обновления всегда. Винда - помойная дыра. Обновления безопасности не решают глобальных проблем, как то подмена исполняемых файлов, загрузившись из-под флэхи с бубунтой, например, а закрывают, скорее, баги никому не нужного IE. Проще юзать сэндбоксы, не хранить личных данных (или шифровать, но лучше не хранить), чекать хэшсуммы пакетов при установке и проверять авирем каждый файл, нежели мириться с тормозами и телеметрией, добавляемыми в каждой второй обнове. А все более-менее критичные операции в винде не выполнять вообще. Все это на практике гораздо проще, чем звучит.
обновление безопасности винды и не должны решать такую проблему, это надо решать на другом уровне
09:01:03 ДП
User 1844260
вопрос по теме канала, кто-то начинал смотреть VueJS 2 The Complete Guide? на него торрент кидали тут
09:01:03 ДП
User 58768789
User 133277047
обновление безопасности винды и не должны решать такую проблему, это надо решать на другом уровне
Согласен, фигню сморозил
09:15:40 ДП
User 133277047
User 58768789
Обрубаю обновления всегда. Винда - помойная дыра. Обновления безопасности не решают глобальных проблем, как то подмена исполняемых файлов, загрузившись из-под флэхи с бубунтой, например, а закрывают, скорее, баги никому не нужного IE. Проще юзать сэндбоксы, не хранить личных данных (или шифровать, но лучше не хранить), чекать хэшсуммы пакетов при установке и проверять авирем каждый файл, нежели мириться с тормозами и телеметрией, добавляемыми в каждой второй обнове. А все более-менее критичные операции в винде не выполнять вообще. Все это на практике гораздо проще, чем звучит.
винда не такая уж дырявая как принято считать. Не дырявее той же макоси или линуксов (ну тут конечно вариативненько и холиварненько)
09:26:46 ДП
User 240821349
User 152816933
Прикольное написание запятых))
Такой стайлгайд же для ноды или чего там
09:27:17 ДП
User 152816933
User 240821349
Такой стайлгайд же для ноды или чего там
не в курсе, если честно. В JS такое первый раз вижу
09:27:31 ДП
User 240821349
User 1844260
вопрос по теме канала, кто-то начинал смотреть VueJS 2 The Complete Guide? на него торрент кидали тут
Я пока ток маны читаю и смотрю лекцию от ниндзяжс про вью недавнюю
09:27:52 ДП
User 240821349
User 152816933
не в курсе, если честно. В JS такое первый раз вижу
Ну выглядит странно, я не могу и не хочу пока так писать
09:28:28 ДП
User 152816933
Ну оно с одной стороны удобно, видно где запятую забыл
09:28:45 ДП
User 152816933
Но с другой стороны, в любом нормальном проекте должны быть линтеры
09:29:12 ДП
User 240821349
Вот кстати, кому интересно, посмотрите запись лекции на ютубе. Там введение и основные ключевые моменты вью. Еще рассказывается про стор и вьюкс
09:30:10 ДП
User 152816933
ты про открытую лекцию Ильи?
09:30:37 ДП
User 1844260
User 152816933
Ну оно с одной стороны удобно, видно где запятую забыл
а почему после каждой строки автоматом не ставить?
09:31:20 ДП
User 133277047
User 1844260
вопрос по теме канала, кто-то начинал смотреть VueJS 2 The Complete Guide? на него торрент кидали тут
пробовал, дока быстрее читается
09:31:24 ДП
User 240821349
User 152816933
ты про открытую лекцию Ильи?
Ага. На хабре увидел про нее
09:31:36 ДП
User 152816933
User 240821349
Ага. На хабре увидел про нее
о, а дай ссылку на хабр
09:32:03 ДП
User 240821349
Лол? Сайт хабра что ли скинуть или что именно?
09:32:48 ДП
User 152816933
User 240821349
Лол? Сайт хабра что ли скинуть или что именно?
ну ссылку на статью, каммон
09:33:09 ДП
User 240821349
А, там не было статьи. Там дайджест недели о фронтэнде
09:33:19 ДП
User 240821349
И ссылки на ютуб были
09:33:29 ДП
09:34:01 ДП
User 202520
Так вот курс кидали. Правла ни инглише
09:35:52 ДП
User 85098201
User 240821349
И ссылки на ютуб были
а можешь кинуть ссылку на ютуб?
09:36:27 ДП
User 202520
http://youtube.com
youtube.com
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
09:36:54 ДП
09:37:11 ДП
User 85098201
ахаха) смешно)
09:38:02 ДП
09:41:28 ДП
User 202520
https://youtu.be/7pmw5gvWAf8 это может?
youtube.com/watch?v=7pmw5gvWAf8
1. Что не так с ${frameworkName}. Обзор существующих проблем с React, Angular 1/2 и Polymer 2. Vue.js для тех, кто с ним не знаком: обзор возможностей 3. Фил...
09:42:48 ДП
User 85098201
спасибо)
09:51:02 ДП
User 240821349
User 202520
https://youtu.be/7pmw5gvWAf8 это может?
youtube.com/watch?v=7pmw5gvWAf8
1. Что не так с ${frameworkName}. Обзор существующих проблем с React, Angular 1/2 и Polymer 2. Vue.js для тех, кто с ним не знаком: обзор возможностей 3. Фил...
Ага, оно
11:14:17 ДП
11:14:32 ДП
User 1844260
зацените стату аплоада, я и не знал, что такое настолько популярно
11:15:38 ДП
User 133750577
Тут наоборот же
11:15:51 ДП
User 133750577
Если торрент непопулярен - мало сидов, их трафик больше
11:16:01 ДП
User 213867982
такой вопрос - если для меня реакт сложный и избыточный, если ли смысл попробовать вью, или я просто нуб и должен учить js
11:16:03 ДП
User 133750577
Где-то давно читал про это
11:16:24 ДП
User 1844260
User 213867982
такой вопрос - если для меня реакт сложный и избыточный, если ли смысл попробовать вью, или я просто нуб и должен учить js
... нуб и должен учить реакт, фиксед
11:16:32 ДП
User 1844260
User 133750577
Где-то давно читал про это
а, ну может ты и прав
11:16:43 ДП
User 47148362
Если есть VUE-шники, ищущие работу в Алмате, просьба написать в ЛС.
11:17:18 ДП
User 1844260
User 47148362
Если есть VUE-шники, ищущие работу в Алмате, просьба написать в ЛС.
есть jobs конфа, если не в курсе, там шансов больше получить ответ, наверное
11:17:52 ДП
User 133750577
Vue все-таки тянет в Азию, конечно
11:17:55 ДП
User 47148362
Спасибо за совет, пардоньте, если что..
11:41:09 ДП
User 152816933
User 213867982
такой вопрос - если для меня реакт сложный и избыточный, если ли смысл попробовать вью, или я просто нуб и должен учить js
учить JS никогда не будет лишним :)
12:32:37 ПП
User 40268779
Первый проект на freelansim с упоминанием Vue.js - https://freelansim.ru/tasks/165319
freelansim.ru/tasks/165319
Разработать экран приложения, выводящий список элементов и интерактивную панель с возможностью выбора фильтров и сортировки Требования: Реализация: vue.js 2, underscore Шаблонизация: Framework 7 Платформы: Android 4.4+, iOS 8.+ Предусмотреть возможность выноса блока фильтра в произвольную часть экрана (к примеру левая секция на iPad) Начальный набор данных будет предоставлен исполнителю Референс: Delivery Club iOS или Profi...
12:32:59 ПП
User 40268779
и всего один отклик )) ящетаю это успех ) была бы подписка - вписался бы попилить
12:36:40 ПП
User 184398046
И че, ios не остановила бы?
12:58:50 ПП
User 40268779
https://framework7.io/
framework7.io
A free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel
12:58:57 ПП
User 40268779
этож как cordova
01:00:07 ПП
User 40268779
правда плагинов чето маловато
01:00:21 ПП
User 123572200
Это css фреймвор есть поддержка vue, но есть очень много косяков нпример - v-model некоректно работает с f7-input
01:00:55 ПП
User 123572200
Как раз пишу на нем мобильное приложение
01:01:18 ПП
User 40268779
User 123572200
Это css фреймвор есть поддержка vue, но есть очень много косяков нпример - v-model некоректно работает с f7-input
какой css- ? https://github.com/nolimits4web/Framework7/tree/master/src/js/framework7
github.com/nolimits4web/Framework7/tree/master/src/js/framework7
Framework7 - Full featured HTML framework for building iOS & Android apps
01:01:34 ПП
User 40268779
там и js вроде есть
01:01:47 ПП
User 40268779
User 123572200
Как раз пишу на нем мобильное приложение
ну и как по ср с Cordova ?
01:02:19 ПП
User 123572200
Он используется совместно с кордовой
01:02:27 ПП
User 40268779
User 123572200
Он используется совместно с кордовой
а, ясно
01:02:30 ПП
User 123572200
или фонегапом
01:03:37 ПП
User 184398046
Ну вообще-то я еще с год назад все опробовал
https://github.com/tyllo/Framework7-VueJS
https://play.google.com/store/apps/details?id=ru.xdraw.vsct&hl=ru
github.com/tyllo/Framework7-VueJS
Framework7-VueJS - Application built on top of Framework7 and VueJS, use: demo/demo
01:04:30 ПП
User 184398046
Я говорил про ios. конкретно
01:04:33 ПП
User 123572200
Там просто они его перегрузили своим функционалом добавили свой аля jquery  - $dom7, зачемто свой язык шаблонов template7, роутер в котором нету before и after хука.
01:04:36 ПП
User 40595124
User 184398046
Ну вообще-то я еще с год назад все опробовал
https://github.com/tyllo/Framework7-VueJS
https://play.google.com/store/apps/details?id=ru.xdraw.vsct&hl=ru
github.com/tyllo/Framework7-VueJS
Framework7-VueJS - Application built on top of Framework7 and VueJS, use: demo/demo
Оно не тормозит нещадно?

У нас Cordova/Ionic + Angular 1.* в продакшене просто тормозили жесть как.
01:06:06 ПП
User 184398046
смотря где....на моем андройд 4.4 - тормозило, но там у меня F7 с Vue конфликтовал.
На андройде 6 - нормально рабоатет. Хотя скорее всего тормозило из-за телефона. В нем практически все тормозило
01:07:00 ПП
User 123572200
Тормозит на 4 андроиде , но если используешь другую webview - crosswalk то не тормозит )
01:07:34 ПП
User 40268779
User 40595124
Оно не тормозит нещадно?

У нас Cordova/Ionic + Angular 1.* в продакшене просто тормозили жесть как.
мы делали Angular 1.x + Angular Material и Cordova - нормально работало. как бы не нейтив, но гладко достаточно
01:07:48 ПП
User 123572200
User 184398046
смотря где....на моем андройд 4.4 - тормозило, но там у меня F7 с Vue конфликтовал.
На андройде 6 - нормально рабоатет. Хотя скорее всего тормозило из-за телефона. В нем практически все тормозило
У меня 4.4 тоже, заменил вебвью - стало летать.
01:08:14 ПП
User 184398046
crosswalk тоже тормозил. Правильно ты про их роутер и Dom описал. Долго боролся от них  уйти, но забил в конце концов
01:08:48 ПП
User 184398046
Я склоняюсь что из-за моего старого телефона тормозило
01:09:05 ПП
User 184398046
в браузере все летоло
01:10:40 ПП
User 123572200
Незнаю, у меня в дебаге на htc one mini вроде нормальный полет. У начальника samsung s4 еще шустрее, но может потомучто  приложение не очень сложное и не сильно перегруженное, делаю мобильное приложение для молодого интернет магазина, там позиций товаров пока немного )
01:13:19 ПП
User 184398046
4.4 к у меня на motorolla xt910 2012 года выпуска (причем кастомный билд, т.к. оф. только 4.1). Чуть-чуть дела получше были на samsung s2 (тоже 2012г.)
01:14:25 ПП
User 123572200
Там кстати еще косяк с lazyload изображениями)  И количество issue на гитхабе стабильно растет ) Вообщем сам нерад что его выбрал. Но что поделать, доделаю проект а потом уже что-то другое попробую)
01:14:57 ПП
User 184398046
а что другое? Появилось что-то получше?
01:15:09 ПП
User 184398046
ratchet мне не понравился
01:17:53 ПП
User 123572200
думаю quasar поковырять
01:18:21 ПП
User 123572200
http://quasar-framework.org/components/
quasar-framework.org/components
Quasar Framework - High Performance Full Frontend Stack - Single Page Apps, Server-side Render Apps, Progressive Web Apps, Hybrid Mobile Apps and Electron Apps, all using the same codebase
02:47:29 ПП
User 198583166
Uikit 3 Уже со всеми функциями +новые или они еще портируют?
02:57:32 ПП
User 47148362
Объясните нубу-верстальщику, почему для каждого фреймворка (Vue, React..) нужен свой Uikit/ bootstrap?Почему js файлы Uikit'а нельзя подключить, чтобы они работали?
03:00:05 ПП
User 133750577
Кто-нибудь юзал? Выглядит неплохо https://vuetifyjs.com/
vuetifyjs.com/en
Vuetify.js is a reusable semantic component framework for Vue.js. It aims to provide clean, semantic and reusable components.
03:03:34 ПП
User 133750577
User 47148362
Объясните нубу-верстальщику, почему для каждого фреймворка (Vue, React..) нужен свой Uikit/ bootstrap?Почему js файлы Uikit'а нельзя подключить, чтобы они работали?
Не нужен, но так удобнее. Фреймворк диктует определенный подход к разработке, такие библиотеки адаптируют "js файлы uikit'а", чтобы их было удобно использовать, не более
03:03:38 ПП
User 40595124
User 47148362
Объясните нубу-верстальщику, почему для каждого фреймворка (Vue, React..) нужен свой Uikit/ bootstrap?Почему js файлы Uikit'а нельзя подключить, чтобы они работали?
Ну подключи и юзай. Только jQuery ещё подключить надо.
03:04:17 ПП
User 40595124
С Bootstrap тоже самое. Приходится тянуть jQuery в проект на React/Vue. Чтобы JS файлы Bootstrap'а делали то, что нужно.
03:07:22 ПП
User 47148362
Спасибо, примерно понял)
03:20:15 ПП
User 152816933
User 47148362
Объясните нубу-верстальщику, почему для каждого фреймворка (Vue, React..) нужен свой Uikit/ bootstrap?Почему js файлы Uikit'а нельзя подключить, чтобы они работали?
Так же, зачастую у фрейморков есть свои "шаги" перед инициализацией/отрисовской приложения на странице браузера. У Vue это "Жизненный цикл", как описано в документации.
Смысл такой, что иногда(всегда) надо инициализировать твой сторонний плагин в нужный момент.
Поэтому люди и пишут разные обертки вокрут популярных библиотек, что бы подсказать фреймворку, когда ему загружать твой плагин для корректной отрисовки на странице браузера
03:47:41 ПП
User 136935602
А еще потому что появляется больше одного способа что-то сделать
03:47:43 ПП
User 136935602
и это ужасно
03:51:35 ПП
User 9656239
Ребят. А никто еще не делал свои графики на Vue преферансом и шахматистками?
03:52:21 ПП
User 9656239
Не обертки над jQuery плагинами, а средствами самого Vue
03:52:38 ПП
User 9656239
Я что то кроме оберток ничего не нашел
03:57:07 ПП
User 152816933
Я только демки всякие видел, ну там, на том же Codepen
04:00:47 ПП
User 136935602
а зачем  делать на самом Vue? (просто любопытствую)
04:02:09 ПП
User 47148362
User 152816933
Так же, зачастую у фрейморков есть свои "шаги" перед инициализацией/отрисовской приложения на странице браузера. У Vue это "Жизненный цикл", как описано в документации.
Смысл такой, что иногда(всегда) надо инициализировать твой сторонний плагин в нужный момент.
Поэтому люди и пишут разные обертки вокрут популярных библиотек, что бы подсказать фреймворку, когда ему загружать твой плагин для корректной отрисовки на странице браузера
Благодарю за разъяснения
04:14:46 ПП
User 55423102
Наверное под желанием найти все плагины на вью кроется желание пользоваться чем-то без лишних зависимостей. Поэтому по сути думаю люди ищут альтернативы на чистом js
04:16:21 ПП
User 187220703
User 9656239
Ребят. А никто еще не делал свои графики на Vue преферансом и шахматистками?
я делал, но как бы на чистом js + d3
04:16:38 ПП
User 9656239
User 136935602
а зачем  делать на самом Vue? (просто любопытствую)
Ну мне не нравятся существующие jQuery плагины разные. Можно конечно форкнуть и переделать под себя тот же Morris, но я бы лучше форкнул что нить написанное на Vue.
А на Vue это не сложно сделать. Есть такая штука ractive.js очень похожа на Vue (но не выстрелила). У них на офсайте пара примеров есть как делать графики.
https://examples.ractivejs.org/animated-chart
https://examples.ractivejs.org/donut-charts
04:17:14 ПП
User 136935602
d3 / c3js one love :)
04:17:23 ПП
User 9656239
Ну и плюс, да я не любитель кучи зависимостей
04:17:24 ПП
User 136935602
на c3js можно сделать все
04:17:28 ПП
User 136935602
на d3 вообще всё :)
04:17:42 ПП
User 85413039
Только время надо
04:18:40 ПП
User 187220703
Я на ангуляре было делал, там сначала саму d3, потом библиотеку для графиков, а потом обёртку ангуляра на эту библиотеку )
04:20:55 ПП
User 9656239
посмотрите примеры на ractive. учитывая что это почти как Vue, становится понятно что забацать свои графики на без всякий зависимостей на том же Vue дело одного дня
04:22:38 ПП
User 9656239
Короче не делал никто... Ладно запилю свои для опыта.
04:23:53 ПП
User 187220703
смотря какие графики, нужны ли там скроллы, увеличения или ещё что
04:24:48 ПП
User 187220703
анимация, херация, как расставлять все эти значения на осях, куда их там смещать, если они не влазят, там много каких задач нужно решить, чисто пригладных, математических
04:25:24 ПП
User 187220703
если простые там статичные то 10 минут, вон там пример на svg есть на оф. сайте
04:25:30 ПП
User 187220703
с шестигранником
04:26:18 ПП
User 85413039
Помню мне funnel chart надо было сделать, и не нашел готовых вариантоа, пришлось на d3js пилить
04:29:44 ПП
User 9656239
User 187220703
анимация, херация, как расставлять все эти значения на осях, куда их там смещать, если они не влазят, там много каких задач нужно решить, чисто пригладных, математических
да, если начинаются скроллы - то там сложнее уже конечно. в первую очередь в плане UI
04:29:46 ПП
User 187220703
там как бы возможно стоит потратить время и изучить d3, его возможности, чтобы потом быстро клепать всё что хочет душа
04:30:37 ПП
User 187220703
User 9656239
да, если начинаются скроллы - то там сложнее уже конечно. в первую очередь в плане UI
а в d3 там эта тема предусмотрена, я вот её встроил в forced-график за раз
04:31:35 ПП
User 9656239
убедили. пойду посмотрю что за зверь такой d3
04:36:20 ПП
User 85413039
Мне пришлось изучать d3js прям во время решения таски, естественно я эстимейт в три раза затянул
04:41:18 ПП
User 44095265
Да, если не юзал d3 не бери, возьми что-то по проще. Он очень хороший, когда его уже знаешь. Ты 100% завалишь сроки. Возьми его только если есть время, тогда это действительно будет полезно, ты научишься строить хорошие/красивые графики
04:42:06 ПП
User 9656239
User 44095265
Да, если не юзал d3 не бери, возьми что-то по проще. Он очень хороший, когда его уже знаешь. Ты 100% завалишь сроки. Возьми его только если есть время, тогда это действительно будет полезно, ты научишься строить хорошие/красивые графики
мне не страшно по поводу сроков, но спасибо за предупреждение.
04:42:41 ПП
User 44095265
Тогда бери его, будет сложно но ты реально научишься строить графики почти любой сложности
04:43:00 ПП
User 113361293
а что можно взять еще? В скором времени понадобится подобное сделать. Визуализировать данные
04:44:29 ПП
User 44095265
User 113361293
а что можно взять еще? В скором времени понадобится подобное сделать. Визуализировать данные
возьми chart.js он намного проще
04:44:56 ПП
User 113361293
спасибо
04:45:48 ПП
User 136935602
и посмотрите на c3js
04:45:50 ПП
User 85413039
highcharts почему все забыли
04:45:55 ПП
User 136935602
это сильно все упрощающая обертка над d3
04:45:56 ПП
User 9656239
Из простого у меня сейчас morris в предыдущей версии работает. Но там у меня vue не было даже
04:45:58 ПП
User 85413039
И google chart
04:46:01 ПП
User 136935602
User 85413039
highcharts почему все забыли
платные
04:46:36 ПП
User 136935602
для коммерческого использования
04:50:16 ПП
User 85413039
В РФ даже в энтерпрайзном софте сквозь пальцы на это смотрчт
05:11:31 ПП
User 136935602
это не повод лишать дохода своих коллег :)
05:11:36 ПП
User 136935602
это скорее профессиональная гордость
05:12:40 ПП
User 9656239
User 136935602
это не повод лишать дохода своих коллег :)
поддерживаю
05:19:52 ПП
User 133277047
User 85413039
И google chart
Видел vue обертку для них
05:45:10 ПП
User 64800685
Всем привет
05:45:12 ПП
User 64800685
подскажите одну вещь
05:45:25 ПП
User 64800685
вот так тыкнул в апп компоненте         <div v-if = "AlertManager.show">
          <Alert :active = "AlertManager.show" :title="AlertManager.title" :content="AlertManager.content" />
        </div>
05:45:45 ПП
User 64800685
а вот сам компонент
05:45:47 ПП
05:45:58 ПП
User 64800685
не могу понять почему не выводит сам алерт и что то на пропсы орет
05:46:15 ПП
User 60331718
User 64800685
не могу понять почему не выводит сам алерт и что то на пропсы орет
Может это не тип стринг?
05:46:32 ПП
User 64800685
ну я как бы строку через консоль кидаю туда
05:46:35 ПП
User 64800685
все принимает
05:46:44 ПП
User 64800685
в компонент но не отрисовывает
05:46:45 ПП
User 136935602
v-if=  я сейчас дурацкий вопрос задам, но я не уверен что с пробелом оно будет правильно обработано
05:46:53 ПП
User 64800685
ну ща)
05:47:04 ПП
User 64800685
<div v-if = "AlertManager.show">
05:47:07 ПП
User 64800685
там есть пробел
05:48:09 ПП
User 136935602
ну вот он там не нужен
05:48:52 ПП
05:48:53 ПП
05:48:55 ПП
User 64800685
ну ща
05:50:14 ПП
User 112715267
найс ник
05:51:01 ПП
User 64800685
решил
05:51:03 ПП
User 64800685
сам затупил
05:51:08 ПП
User 64800685
провтыкал хендлить Open
05:52:24 ПП
User 64800685
ебать я тупой.
05:53:41 ПП
05:53:52 ПП
05:53:55 ПП
User 133277047
User 64800685
ебать я тупой.
а вот эта фраза с ником сочетается изумительно =) не в обиду
05:54:03 ПП
User 64800685
ахахах та ник стеб же)
05:54:08 ПП
User 64800685
я не обижаюсь =)
05:55:27 ПП
User 9656239
Ребят. Кто там с D3 работал. А что за фетиш с данными в csv?
05:55:51 ПП
User 9656239
Или это просто доп фича?
06:01:16 ПП
User 64800685
как мне вытащить с компонента менее костыльно мой рут компонент?
06:02:04 ПП
User 64800685
$vm0.$root.$children[0]
06:02:09 ПП
User 64800685
типа так сейчас делаю
06:02:11 ПП
User 64800685
но хз
06:05:00 ПП
06:05:02 ПП
User 136935602
нафига?
06:05:09 ПП
User 136935602
(не задрачиваю, просто юзкейс проясняю)
06:05:43 ПП
User 64800685
я как бы хочу алерты кидать
06:05:49 ПП
User 64800685
со своих компонентов
06:06:15 ПП
User 64800685
а алерт у меня в руткомпоненте + уровень грубо говоря
06:06:28 ПП
User 136935602
ну, извращенно можно это сдлелать c $emit
06:06:32 ПП
User 136935602
хотя это так себе паттерн
06:06:47 ПП
User 64800685
так че как лучше будет?
06:06:57 ПП
User 64800685
vuex коннектить для простой админки с крудиком как то не вариант
06:06:59 ПП
User 136935602
я бы лучше накидал бы простенький pubsub сервис который бы все кому надо подключали, а рутовый компонент на него подписывался
06:07:04 ПП
User 136935602
это если vuex тащить неохота
06:07:20 ПП
User 136935602
хотя если нужно просто выводить нотифаи без всякого отслеживания то можно их не на vue выводить )
06:07:28 ПП
User 64800685
User 136935602
я бы лучше накидал бы простенький pubsub сервис который бы все кому надо подключали, а рутовый компонент на него подписывался
т.е через эмиты?
06:07:28 ПП
User 136935602
у меня они (о ужас) прям jquery рисуются
06:07:29 ПП
User 64800685
ну смотри
06:07:37 ПП
User 136935602
нет, не через эмиты.
06:07:46 ПП
User 64800685
у меня нотификации вкинуть например там ошибка какая то
06:07:54 ПП
User 64800685
т.е даже при респонсах вдруг что
06:07:58 ПП
User 64800685
вот так хотелось бы
06:13:34 ПП
User 64800685
мой говнокод отрабатывает через раз сейчас =(
06:15:44 ПП
User 136935602
ну я не заморачиваюсь
06:16:23 ПП
User 136935602
https://gist.github.com/xanf/da5cc93e9d9dbdf37d3df45273dbe749
gist.github.com/xanf/da5cc93e9d9dbdf37d3df45273dbe749
06:21:45 ПП
06:21:51 ПП
User 64800685
так мб запихнуть просто в функцию
06:21:55 ПП
User 64800685
и вызывтаь оттуда
06:22:00 ПП
User 64800685
чтоб не мутить с чилдами и тд
06:22:09 ПП
06:23:23 ПП
User 75951305
User 136935602
https://gist.github.com/xanf/da5cc93e9d9dbdf37d3df45273dbe749
gist.github.com/xanf/da5cc93e9d9dbdf37d3df45273dbe749
Это из вашей админки?
06:23:30 ПП
06:23:32 ПП
User 75951305
Видел на докладе по вью
06:24:05 ПП
User 240821349
Интересная лекция была, спасибо
06:24:23 ПП
User 75951305
Я еще не досмотрел, но лекция супер
06:31:57 ПП
User 64800685
В общем сделал вот так
06:31:58 ПП
User 64800685
const app = new Vue({
  router,
  el: '#app',
  template: '<App/>',
  components: { App }
})


Vue.prototype.$notify = function notify({title,content,delay = 5000}) {
  app.$children[0].AlertManager.title = title;
  app.$children[0].AlertManager.content = content;
  app.$children[0].AlertManager.show = true;
  app.$children[0].$children[2].show();

  app.$children[0].$children[2].hide(delay);
}
06:32:09 ПП
User 64800685
но фича в том
06:32:16 ПП
User 64800685
что отрабатывает только на второй раз :D
06:32:51 ПП
User 136935602
ой-ой-ой
06:32:53 ПП
User 136935602
не делай так
06:33:24 ПП
User 64800685
чего ?:(
06:33:28 ПП
User 64800685
удобно же
06:33:29 ПП
User 64800685
вроде
06:36:15 ПП
User 136935602
расширять чужие прототипы - фу-фу-фу
06:38:52 ПП
User 64800685
ой та ладно
06:39:12 ПП
06:39:13 ПП
User 64800685
короче
06:39:16 ПП
User 64800685
работает на 2й раз
06:39:21 ПП
User 64800685
из за того что не перерисовывает его
06:39:23 ПП
User 64800685
компонент
06:39:37 ПП
User 64800685
Vue.prototype.$notify = function notify({title,content,delay = 5000}) {
  Vue.set(app.$children[0].AlertManager,'title',title);
  Vue.set(app.$children[0].AlertManager,'content',content);
  Vue.set(app.$children[0].AlertManager,'show',true);

  app.$children[0].$children[2].show();

  app.$children[0].$children[2].hide(delay);
}
06:39:40 ПП
User 64800685
сделал вот так
06:40:11 ПП
User 136935602
по поводу та ладно. Вот потом смотрят на этот код и непонятно откуда взялся $notify
06:40:20 ПП
User 64800685
он в мейне лежит
06:40:24 ПП
User 136935602
и главное так просто это не отследишь
06:40:25 ПП
User 64800685
врядли там смотреть будут
06:40:31 ПП
User 136935602
это не аргумент :)
06:40:41 ПП
User 64800685
нету времени на эти демагогии . сейчас надо сделать чтоб работало
06:40:44 ПП
User 64800685
а дальше увидим
06:40:48 ПП
06:40:52 ПП
User 64800685
подскажи как перерисовать компонент то =)
06:41:20 ПП
User 136935602
у AlertManager'а по умолчанию есть title, content, show?
06:41:27 ПП
User 64800685
null ' ы
06:41:32 ПП
User 64800685
а show = false
06:41:39 ПП
User 136935602
тогда по идее тебе Vue.set не нужен
06:41:39 ПП
User 64800685
data : () => ({
    AlertManager : {
      show : false,
      title : null,
      content : null,
    }
  }),
06:41:45 ПП
User 136935602
и ты как раз вызовешь перерисовку
06:42:12 ПП
User 64800685
но оно не отрабатывает с 1 раза)
06:42:18 ПП
User 64800685
а только на 2й
06:42:29 ПП
User 64800685
<div v-if="AlertManager.show">
          <Alert :active = "AlertManager.show" :title="AlertManager.title" :content="AlertManager.content" />
        </div>
06:42:46 ПП
User 64800685
актив убрать можно но то потом чутку
06:43:22 ПП
User 64800685
`Uncaught TypeError: Cannot read property 'show' of undefined
    at VueComponent.notify [as $notify] (eval at <anonymous> (http://localhost:8080/app.js:894:2), <anonymous>:94:32)
    at VueComponent.onDelete (eval at <anonymous> (http://localhost:8080/app.js:858:2), <anonymous>:24:18)
    at boundFn (eval at <anonymous> (http://localhost:8080/app.js:612:2), <anonymous>:126:14)
    at Proxy.invoker (eval at <anonymous> (http://localhost:8080/app.js:612:2), <anonymous>:1944:12)
    at Proxy.Vue.$emit (eval at <anonymous> (http://localhost:8080/app.js:612:2), <anonymous>:2545:16)
    at Proxy.e.(anonymous function) (chrome-extension://nhdogjmejiglipccpnnnanhbledajbpd/build/backend.js:1:6235)
    at click (eval at <anonymous> (http://localhost:8080/app.js:1248:2), <anonymous>:11:1570)
    at HTMLButtonElement.invoker (eval at <anonymous> (http://localhost:8080/app.js:612:2), <anonymous>:1944:12)`
06:43:25 ПП
User 64800685
сама ошибка
06:45:28 ПП
User 136935602
children[2] еще нет )
06:45:34 ПП
User 136935602
он же наверное в v-if :)
06:45:38 ПП
User 64800685
вот именно
06:45:39 ПП
06:45:41 ПП
User 64800685
я показал выше
06:45:44 ПП
User 64800685
как решить это?
06:45:46 ПП
User 136935602
Vue.nextTick )
06:45:49 ПП
User 136935602
но это костыли
06:45:51 ПП
User 64800685
не помогает)
06:46:01 ПП
User 64800685
Vue.prototype.$notify = function notify({title,content,delay = 5000}) {
  Vue.set(app.$children[0].AlertManager,'title',title);
  Vue.set(app.$children[0].AlertManager,'content',content);
  Vue.set(app.$children[0].AlertManager,'show',true);

  Vue.nextTick(()=>{
      app.$children[0].$children[2].show();
      app.$children[0].$children[2].hide(delay);
  })
}
06:46:42 ПП
User 136935602
хз, надо смотреть как нотификации реализованы
06:47:05 ПП
User 64800685
https://vuematerial.github.io/#/components/dialog
vuematerial.github.io/#/components/dialog
Material Design for Vue
06:47:22 ПП
User 64800685
в алерте тупо лежит эта штуковина и все
06:47:27 ПП
User 64800685
может просто в компоненте ватчить
06:47:39 ПП
User 64800685
в самом алерте при изменении
06:47:42 ПП
User 64800685
хотя не поможет
06:48:40 ПП
User 108562525
ребят, а были у вас такое, что transitions, навешанные на router-view иногда не проигрываются?
06:48:58 ПП
User 64800685
User 108562525
ребят, а были у вас такое, что transitions, навешанные на router-view иногда не проигрываются?
нэт
06:49:18 ПП
User 108562525
у меня в приложении бывает, что просто проскакивает css анимацию, и хз откуда это и почему.
06:51:54 ПП
06:52:00 ПП
User 64800685
как компонент перерисовать? =)
06:52:49 ПП
User 136935602
никак (наверняка есть костыли, но это плохо). Надо разбираться с первопричиной
06:52:57 ПП
06:53:00 ПП
User 64800685
просто ебучие алерты
06:53:04 ПП
User 64800685
вы уж извините но это пиздец
06:53:32 ПП
User 108562525
возможно поможет хак в виде изменения любого (фейкового экстра) поля в $data
06:54:08 ПП
User 64800685
так алерт менеджер и так в дате лежит
06:55:59 ПП
User 64800685
User 108562525
возможно поможет хак в виде изменения любого (фейкового экстра) поля в $data
-
07:00:22 ПП
User 64800685
ну что никто не подскажет как лучше вообще сделать?
07:01:46 ПП
User 108562525
User 136935602
хз, надо смотреть как нотификации реализованы
Илья вроде сказал, что надо копать.
07:02:46 ПП
User 64800685
ну слова
07:02:53 ПП
User 64800685
я показал как оно у меня сделано
07:02:57 ПП
User 64800685
это просто показ нотификаций
07:03:11 ПП
User 64800685
все такие умные на конфах а тут простая задача нубская и так хоп тишина =)
07:06:01 ПП
User 136935602
я на людях стараюсь учить правильный код писать. А разбираться в странных решениях мне и на консалтинге хватает
07:07:44 ПП
User 64800685
окей давай правильный код покажи как мне показывать те же уведомления
07:07:47 ПП
User 64800685
все я больше ничгео не прошу
07:10:36 ПП
User 64800685
чем же тогда будет плох вариант через $emit?
07:10:42 ПП
User 136935602
создать eventHub через new Vue и $emit в него делать , и слушать это в нотификациях
07:10:52 ПП
User 136935602
самый быстрый способ по сотношению время-результат
07:12:06 ПП
User 64800685
User 136935602
создать eventHub через new Vue и $emit в него делать , и слушать это в нотификациях
что за эвентхаб?
07:12:32 ПП
User 136935602
https://vuejs.org/v2/guide/migration.html#dispatch-and-broadcast-replaced
vuejs.org/v2/guide/migration.html
Vue.js - The Progressive JavaScript Framework
07:13:23 ПП
User 64800685
я не мигрирую с 1.х . тут сразу 2.х версия
07:13:52 ПП
User 136935602
там концепт эвентхаба описан
07:13:53 ПП
User 75951305
При чем тут
07:13:54 ПП
User 136935602
читай до конца
07:13:59 ПП
User 75951305
Та мнаписано про хаб
07:14:05 ПП
User 75951305
// ...
methods: {
  addTodo: function () {
    eventHub.$emit('add-todo', { text: this.newTodoText })
    this.newTodoText = ''
  }
}
07:14:18 ПП
User 75951305
Сложно что ли дочитать
07:15:04 ПП
User 152816933
Может?  https://ru.vuejs.org/v2/guide/components.html#Коммуникация-между-компонентами-не-связанными-иерархически
ru.vuejs.org/v2/guide/components.html
Vue.js — Прогрессивный JavaScript-фреймворк
07:15:20 ПП
User 152816933
тоже самое, да
07:15:30 ПП
User 64800685
хуйня какая то . Я не понимаю как вы делаете что тот сложнее админок на этом вуе
07:16:17 ПП
User 136935602
с удовольствием
07:16:35 ПП
User 108562525
User 64800685
хуйня какая то . Я не понимаю как вы делаете что тот сложнее админок на этом вуе
а что за алерты?
07:16:35 ПП
User 113361293
Я пишу на Vue и радуюсь жизни
07:16:52 ПП
User 64800685
User 108562525
а что за алерты?
уведомления простые всплывающие окошка
07:17:07 ПП
User 108562525
laracasts смотрел?
07:17:08 ПП
User 136935602
Это все потому что ты ешь мясо (с)
07:17:12 ПП
User 64800685
ну так где примеры нормальных реализаций?
07:17:23 ПП
User 108562525
там есть первое или второе видео про компоненты
07:17:28 ПП
User 64800685
User 108562525
laracasts смотрел?
нет наверное не смотрел  что же это такое ларакасты аааа </irony>
07:17:31 ПП
User 152816933
Тебе Илья выше кидал ссылку на gist
07:17:45 ПП
User 75951305
User 136935602
Это все потому что ты ешь мясо (с)
😆
07:19:23 ПП
User 108562525
User 64800685
нет наверное не смотрел  что же это такое ларакасты аааа </irony>
https://laracasts.com/series/learn-vue-2-step-by-step/episodes/10

чувак просто из дочернего элемента эмитит наверх (в parent) событие, которое в родителе обрабатывается.
laracasts.com/series/learn-vue-2-step-by-step/episodes/10
Let's move on to our next practical component exercise. A traditional modal box provides some key learning points. In particular, we're going to learn how to communicate between components. What happens if one Vue instance or component needs to be notified when a particular action takes place? How might we broadcast such things?
07:19:45 ПП
User 64800685
хуета какая то
07:19:45 ПП
User 108562525
теперь берёшь eventHub (или bus, шина), и делаешь то же самое
07:19:47 ПП
User 152816933
Вон че в твиттере пролетело:
https://twitter.com/RealBrianRudlof/status/829383919833272320
twitter.com/realbrianrudlof/status/829383919833272320
Excited to release Vuedeux: The Vuex to Redux Binding! https://t.co/IbiNGxmsxD @vuejs @VueJsNews @vuejsfeed @VueNewsletter @VueComponents
07:19:49 ПП
User 64800685
честно
07:19:52 ПП
User 64800685
игра не стоит свеч
07:20:01 ПП
User 108562525
только не в родителя эмитить, а в этот eventHub
07:20:15 ПП
User 64800685
User 108562525
только не в родителя эмитить, а в этот eventHub
ну я понимаю что такое эвенты прекрасно
07:20:24 ПП
User 64800685
но это реально хуета по другому никак не назвать
07:20:24 ПП
User 108562525
ну, так и что тебя не устраивает?
07:20:53 ПП
User 75951305
Что не так, не могу понять
07:20:57 ПП
User 64800685
да потому что связать компоненты в вуе как то геморно
07:21:02 ПП
User 64800685
100500 вызовов парентов
07:21:03 ПП
User 64800685
и похуярил
07:21:06 ПП
User 64800685
вы серьезно?
07:21:10 ПП
User 75951305
Хелло
07:21:12 ПП
User 136935602
Это костыли
07:21:13 ПП
07:21:17 ПП
User 75951305
Вьюкс
07:21:28 ПП
07:21:32 ПП
User 64800685
я понимаю но вуекс сразу откинуть ибо тут тупо админка и он не надо
07:21:32 ПП
User 136935602
Однонаправленный поток запрещает детям напрямую тянуть родителей
07:21:38 ПП
User 108562525
User 64800685
100500 вызовов парентов
поэтому есть eventHub.
07:21:39 ПП
User 55423102
Зато сегодня нескучно в чатике :))
07:21:47 ПП
User 136935602
Скучно
07:21:49 ПП
07:21:50 ПП
User 136935602
И токсично
07:22:03 ПП
User 75951305
Согласен
07:22:16 ПП
User 75951305
Про токсично
07:22:24 ПП
User 136935602
Спасает csgo на втором ноуте
07:22:24 ПП
User 55423102
@xanf_ua зашел вот посмотреть третью часть, про написание платежки)) а там подстава, вместо третьей части видео про другое)
07:22:32 ПП
07:22:38 ПП
User 136935602
User 55423102
@xanf_ua зашел вот посмотреть третью часть, про написание платежки)) а там подстава, вместо третьей части видео про другое)
Я ещё не делал
07:22:42 ПП
07:22:44 ПП
07:22:50 ПП
User 64800685
Uncaught ReferenceError: eventHub is not defined
07:22:53 ПП
User 136935602
А лайведу сортирует непонятно как
07:22:55 ПП
User 55423102
Странно, значит что-то залилось третьей частью само)
07:23:01 ПП
User 64800685
var eventHub = new Vue();

/* eslint-disable no-new */
const app = new Vue({
  router,
  el: '#app',
  template: '<App/>',
  components: { App }
})
07:23:01 ПП
User 55423102
ага, видимо
07:23:04 ПП
07:23:14 ПП
User 64800685
что за дичь?
07:23:26 ПП
User 108562525
User 64800685
var eventHub = new Vue();

/* eslint-disable no-new */
const app = new Vue({
  router,
  el: '#app',
  template: '<App/>',
  components: { App }
})
пустой объект
07:23:34 ПП
User 64800685
Not defined
07:23:34 ПП
07:23:40 ПП
User 64800685
оно вообще его в компоненте не видит
07:23:47 ПП
User 108562525
а, не туда посмотрел
07:23:56 ПП
User 64800685
ну и че
07:24:06 ПП
User 108562525
надо экспортить eventHub
07:24:11 ПП
User 64800685
снова проттотип вуе расширять?
07:24:16 ПП
User 64800685
в каждом компоненте? заебись))
07:24:23 ПП
User 108562525
чтобы ты мог заимпортировать его
07:24:28 ПП
User 136935602
User 55423102
ага, видимо
посмотрел. Там какой-то адский ад. Поставил в туду навести порядок в видео
07:25:24 ПП
User 113361293
ты создаешь шину, импортишь ее в два компонента, связь между которыми тебе нужна. эмитишь ивент в одном, в другом его принимаешь
07:25:58 ПП
User 64800685
у меня почти все компоненты поидее смогут эмитить
07:26:03 ПП
User 64800685
т.е я закину в прототип
07:26:04 ПП
User 64800685
не помру
07:26:07 ПП
User 113361293
у тебя там много кода?
07:26:10 ПП
User 113361293
в проекте?
07:26:13 ПП
07:26:15 ПП
User 64800685
это просто админка
07:26:21 ПП
User 113361293
вылей на фиддл какой-нибудь
07:26:25 ПП
User 64800685
и на ебучие уведомления уже потрачено 2ч
07:26:25 ПП
07:26:32 ПП
User 113361293
самому интересно глянуть
07:26:38 ПП
User 113361293
вот тем же занимаюсь прямо сейчас
07:26:41 ПП
User 64800685
потому что хуйня ваш вуе даже нету с коробки тех же ебучих нотификаций
07:26:52 ПП
User 108562525
тебе даже ссылку на доки скинули
07:26:52 ПП
User 64800685
приходится хуярить костыли
07:26:56 ПП
User 64800685
ну я понимаю
07:27:00 ПП
User 113361293
это не костыль
07:27:00 ПП
User 64800685
почему нет этого с коробки?
07:27:05 ПП
User 108562525
тролль что ли
07:27:11 ПП
User 136935602
User 64800685
потому что хуйня ваш вуе даже нету с коробки тех же ебучих нотификаций
Vue это слой View
07:27:14 ПП
User 136935602
откуда здесь нотификации
07:27:15 ПП
User 9656239
User 64800685
почему нет этого с коробки?
мне кажется ты слишком жирный
07:27:50 ПП
User 64800685
User 136935602
Vue это слой View
как видишь у меня рутинная задача
07:27:57 ПП
User 75951305
User 64800685
почему нет этого с коробки?
rofl
07:27:59 ПП
User 64800685
а ты ее даже на 2й час подсказал
07:28:03 ПП
User 64800685
что и куда
07:28:09 ПП
User 64800685
но сразу отвергнул варик с эмитом
07:28:40 ПП
User 113361293
чем конкретно он тебе не подходит?
07:28:55 ПП
User 64800685
мне подходит эмит
07:29:07 ПП
User 64800685
но изначально мне тут сказал кое кто что это будет плохо не?)
07:29:27 ПП
User 112715267
Причем тут нотификации и Vue
07:29:36 ПП
User 64800685
да господи
07:29:41 ПП
User 64800685
тут связь между компонентами
07:29:43 ПП
User 64800685
та же
07:29:44 ПП
User 112715267
дичь какую-то пишешь, возьми да напиши/найди готовые
07:29:44 ПП
User 64800685
блядь
07:29:53 ПП
User 9656239
возьми Vuex или делай emit и не выебывайся
07:30:00 ПП
User 152816933
О, все. Kelin пришел.
07:30:17 ПП
User 64800685
вуекс сразу откинул
07:30:21 ПП
User 64800685
сказал же
07:30:27 ПП
User 64800685
хуета ваш фронтэнд если честно
07:30:37 ПП
User 64800685
столько бредовой хуйни что охуеть можно
07:30:40 ПП
User 152816933
Согласен
07:30:41 ПП
07:30:58 ПП
07:30:59 ПП
User 64800685
в npm 105000 зависимостей на проект
07:31:22 ПП
07:31:41 ПП
User 9656239
User 64800685
в npm 105000 зависимостей на проект
дружищее тут в чате полно бэкэндеров. но мы тут не для этого.
07:31:45 ПП
User 75951305
Не занимайся если не нравится
07:31:57 ПП
User 64800685
я понимаю что полно бекендеров
07:32:08 ПП
User 75951305
И не надо гнать на людей по своему незнанию
07:32:11 ПП
User 64800685
но хуйня все это.
07:32:29 ПП
User 113361293
о, еще один бекендер
07:32:35 ПП
User 113361293
и че у вас такая реакция на все
07:32:40 ПП
User 9656239
User 64800685
но хуйня все это.
У нас тут не демократия. Могут и в бан послать.
07:32:55 ПП
User 64800685
та мне пофиг на вашу демократию. толку от чата 0
07:32:56 ПП
User 64800685
сам выйду
07:33:03 ПП
User 152816933
Возьми простой jquery. Могу даже ссылку на чат дать
07:33:05 ПП
User 113361293
ты какой-то нервный
07:33:07 ПП
User 56924675
ну тут ник говорит сам за себя
07:33:18 ПП
User 9656239
да он троль жирный просто
07:33:29 ПП
User 113361293
это понятно
07:34:02 ПП
User 56924675
школьник скорее всего, по крайне мере по уровню ведения диалога
07:34:22 ПП
User 75951305
Причем агрессивный
07:34:24 ПП
User 152816933
Да не, это точно прикол какой-то. Может пацаны из соседнего чатика по ангуляру прикалываются
07:34:33 ПП
User 152816933
(надеюсь нет)
07:34:58 ПП
User 75951305
У него что то не получается, так он наезжает на людей предлагающих свою помощь
07:35:14 ПП
User 87766051
User 56924675
школьник скорее всего, по крайне мере по уровню ведения диалога
сейчас сложно по диалогам определять. Уровень развития примерно у всех одинаковый, чаще всего не от возраста зависит.
07:35:43 ПП
User 56924675
ну для меня школьник в данном случае - нарицательное
07:36:11 ПП
User 113361293
я бы реально попробовал с тобой сделать это, т.к. сейчас сам подобным занимаюсь
07:36:31 ПП
User 113361293
он уже ливнул куда-то
07:36:40 ПП
User 9656239
Вообще такую херню надо присекать "ящитаю"
07:38:09 ПП
User 56924675
Денис тут админок чет не раздал толком
07:39:55 ПП
User 9656239
Сообщества "без демократии" наиболее дружелюбные и отзывчивые по моим наблюдениям. Что ведет в итоге к тому что такие сообщества притягивают наиболее адекватную и профессиональную аудиторию
07:40:57 ПП
07:41:28 ПП
User 87766051
Уже дышать тяжело в этой стране от кол-ва правил. Ну забаните и что это изменит? Лучше общественное порицание, если оно уместно.
07:41:58 ПП
User 87766051
че он такого сказал-то? Что не нравится ему? Ну имеет право. Матом? так здесь и другие матом говорят.
07:42:32 ПП
User 9656239
User 87766051
Уже дышать тяжело в этой стране от кол-ва правил. Ну забаните и что это изменит? Лучше общественное порицание, если оно уместно.
Вообще то это лучшие практики с запада.
07:43:08 ПП
User 1844260
User 87766051
че он такого сказал-то? Что не нравится ему? Ну имеет право. Матом? так здесь и другие матом говорят.
ну, например, кто-то в конце дня решит почитать, что интересного в чатике про vue
07:43:26 ПП
User 1844260
и толку ему от этого диалога будет
07:43:45 ПП
User 87766051
User 9656239
Вообще то это лучшие практики с запада.
На западе сначала свобода слова, а потом правила. А у нас просто правила. Это огромная разница.
07:43:49 ПП
User 1844260
я стараюсь себя по максимуму сдерживать, типа понимаю, что многим это будет не интересно
07:44:03 ПП
User 75951305
Конструктива никакого, только ругань
07:44:16 ПП
User 1844260
User 75951305
Конструктива никакого, только ругань
this
07:44:35 ПП
User 87766051
User 1844260
и толку ему от этого диалога будет
приувеличиваешь ) кому надо - разберется. А кто будет оценивать сообщение написанное в такой стилистике - ему и не нужно программировать )
07:45:27 ПП
User 1844260
все равно, нужно стараться в русле конфы придерживаться, иначе какой от нее толк то
07:45:47 ПП
User 87766051
Ну он и высказался не про ангуляр )
07:45:50 ПП
User 87766051
вполне в русле
07:46:12 ПП
User 87766051
да ладно.. пофиг  ) давайте уже закроем тему )
07:46:24 ПП
User 87766051
она не стоит столько внимания
07:46:42 ПП
User 56924675
именно :)
09:17:37 ПП
User 75951305
@xanf_ua Вы здесь?
09:17:51 ПП
User 136935602
Я всегда здесь
09:17:55 ПП
09:18:02 ПП
User 136935602
У меня нет личной жизни,  сна и работы
09:18:08 ПП
User 136935602
Только этот час
09:18:10 ПП
09:18:33 ПП
User 75951305
Попробовал сегодня  vscode
09:18:45 ПП
User 75951305
Действительно шустрее чем атом
09:19:14 ПП
09:19:22 ПП
User 75951305
Для вью вот эту юзать штуку?
09:19:22 ПП
User 75951305
https://marketplace.visualstudio.com/items?itemName=liuji-jim.vue
marketplace.visualstudio.com/items?itemName=liuji-jim.vue
Extension for Visual Studio Code - Syntax Highlight for Vue.js
09:19:29 ПП
09:19:37 ПП
User 75951305
Спасибо
09:19:42 ПП
User 136935602
Хотя мне сложно судить, я js отдельно держу
09:19:55 ПП
User 75951305
Sorry for the bad news: ES2015 support is still buggy.
09:20:06 ПП
User 75951305
Я тоже теперь над этим задумался
09:20:07 ПП
User 136935602
Не замечал
09:20:21 ПП
User 136935602
Но у меня свои тараканы
09:20:30 ПП
User 136935602
Html и css и js рядом
09:20:33 ПП
09:20:43 ПП
User 75951305
Я смотрел лекцию
09:20:52 ПП
User 75951305
Помню вы говорили
09:21:22 ПП
User 75951305
Я думаю если компоненты не очень большие, как у меня сейчас
09:21:32 ПП
User 75951305
То смысла не особо много
09:21:41 ПП
User 136935602
Возможно
09:21:57 ПП
User 75951305
Спасибо, еще раз
09:22:43 ПП
User 1844260
для vscode лучше другой плагин
09:22:49 ПП
User 1844260
на самом деле
09:22:53 ПП
User 136935602
Во, слушайте экспертов
09:22:58 ПП
User 136935602
Я в этом честно не шарю
09:23:08 ПП
User 175310
в новой альфе шторма поддержка вью появилась, кстати
https://blog.jetbrains.com/webstorm/2017/02/webstorm-2017-1-eap-171-2822/
09:23:11 ПП
User 136935602
А я ушёл играть во вперёд, плотва
09:24:04 ПП
User 75951305
User 1844260
для vscode лучше другой плагин
какой
09:24:40 ПП
User 75951305
User 136935602
А я ушёл играть во вперёд, плотва
Ведьмак?
09:24:53 ПП
09:24:57 ПП
User 212842542
Поддержка вью в вебшторме оч крутая, но он стартует дольше чем ос)
09:25:11 ПП
User 1844260
User 75951305
какой
vetur
09:25:24 ПП
User 175310
User 212842542
Поддержка вью в вебшторме оч крутая, но он стартует дольше чем ос)
от проекта зависит)
09:25:28 ПП
User 75951305
я понял
09:25:30 ПП
User 75951305
Спасибо
09:25:34 ПП
User 175310
ну и от ос, собственно
09:25:42 ПП
User 1844260
плюс eslint-plugin-vue и жизнь прекрасна будет
09:25:45 ПП
User 1844260
практически
09:26:06 ПП
User 75951305
на вебпак
09:26:07 ПП
09:26:16 ПП
User 1844260
а какая разница
09:26:19 ПП
User 1844260
или ты о чем)
09:26:23 ПП
User 75951305
а не знаю
09:26:29 ПП
User 75951305
Забей
09:26:35 ПП
09:27:17 ПП
User 1844260
User 212842542
Поддержка вью в вебшторме оч крутая, но он стартует дольше чем ос)
всегда была или недавно запилили?
09:27:24 ПП
User 1844260
в январе все было уныло
09:27:30 ПП
User 212842542
на днях
09:27:37 ПП
User 212842542
в новой альфе из коробки
09:27:42 ПП
User 1844260
sass как то фигово работал, eslint не работал, pug тоже
09:27:45 ПП
User 75951305
Так а зачем юзать IDE
09:27:48 ПП
User 1844260
аа, ну надо посмотреть
09:28:10 ПП
User 75951305
Они лагают если не у всех, то у большинства
09:28:11 ПП
User 1844260
User 75951305
Так а зачем юзать IDE
рефакторинг, умные подсказки, а не то, что в vscode :D
09:29:19 ПП
User 212842542
https://blog.jetbrains.com/webstorm/2017/02/webstorm-2017-1-eap-171-2822/
09:29:55 ПП
User 175310
User 212842542
Поддержка вью в вебшторме оч крутая, но он стартует дольше чем ос)
11 секунд)
09:30:00 ПП
User 175310
не критично
09:30:04 ПП
User 212842542
sass и pug из коробки, это единственный редактор где лично у меня все что хочу работает
09:30:12 ПП
User 212842542
приходится терпеть тормознутость)
09:30:50 ПП
User 75951305
User 212842542
приходится терпеть тормознутость)
А я терпеть не могу тормознутость
09:31:41 ПП
User 75951305
А если еще есть задержка при переключении между файлами, то вообще зашквар
09:32:10 ПП
User 1844260
ну там еще кроме тормознутости шрифты унылые, у меня глаза болят
09:32:23 ПП
User 175310
User 1844260
ну там еще кроме тормознутости шрифты унылые, у меня глаза болят
так поменяй
09:32:40 ПП
User 75951305
Я поюзаю vscode и потом напишу что да как
09:32:42 ПП
User 1844260
User 175310
так поменяй
так я про рендеринг, менял, у меня phpstorm купленный
09:32:52 ПП
User 75951305
Но он уже пошустрее атома
09:32:55 ПП
User 1844260
шрифты были последней каплей, ушел на vscode
09:33:40 ПП
User 175310
User 1844260
так я про рендеринг, менял, у меня phpstorm купленный
вин?
09:33:47 ПП
User 1844260
User 175310
вин?
абанта
09:33:49 ПП
User 212842542
мне нравится рендеринг там под линуксом
09:34:07 ПП
User 175310
User 1844260
абанта
а покажи насколько плохо
09:34:19 ПП
User 113361293
а в чем разница между плагинов для вью и прямой поддержки в альфе?
09:34:25 ПП
User 175310
в смысле, я верю, просто интересно
09:34:32 ПП
User 113361293
если смысл специально ее качать или подождать уже?
09:34:44 ПП
User 175310
User 113361293
а в чем разница между плагинов для вью и прямой поддержки в альфе?
небольшая вроде
09:34:58 ПП
User 175310
он по сути тоже плагин ставит
09:35:12 ПП
User 175310
только от команды jetBrains
09:35:21 ПП
User 1844260
User 175310
а покажи насколько плохо
ща прорекламированный EAP докачается
09:35:25 ПП
User 212842542
большая разница, сторонний плагин убог
09:35:44 ПП
User 175310
User 1844260
ща прорекламированный EAP докачается
я его сам только вчера поставил)
09:40:50 ПП
User 1844260
User 175310
я его сам только вчера поставил)
09:41:03 ПП
User 1844260
это в новом EAP WebStorm
09:41:29 ПП
User 1844260
User 175310
я его сам только вчера поставил)
09:41:33 ПП
09:42:05 ПП
User 75951305
Что такое EAP
09:42:24 ПП
User 108562525
User 64800685
но хуйня все это.
всё время как вижу таких товарищей вспоминаю обращение "Дорогой JavaScript,"

https://habrahabr.ru/post/316978/
09:42:37 ПП
User 108562525
User 75951305
Что такое EAP
early access
09:42:49 ПП
User 1844260
User 75951305
Что такое EAP
ёрли ассес программ, на 1 месяц вроде альфу дают
09:42:55 ПП
User 1844260
или бету
09:43:02 ПП
09:48:34 ПП
User 175310
User 1844260
какой отвратительный шрифт)
09:48:53 ПП
User 175310
хотя это вкусовщина, конечно
09:49:29 ПП
User 1844260
User 175310
хотя это вкусовщина, конечно
эмм, ну он вообще довольно популярный
09:49:30 ПП
User 1844260
Source Code Pro же
09:51:01 ПП
User 113361293
альфу просто так не получить?
09:51:05 ПП
User 175310
мне hack по душе
09:51:10 ПП
User 175310
User 113361293
альфу просто так не получить?
берешь и качаешь
09:51:28 ПП
User 212842542
альфа бесплатная, но потом перестанет работать, как закончится период теста
09:51:34 ПП
User 75951305
http://input.fontbureau.com/
input.fontbureau.com
Input is a typeface for code, designed by David Jonathan Ross and released by Font Bureau.
09:53:16 ПП
User 1844260
User 175310
мне hack по душе
ну ты сравнил, одно непойми кто делает, другое Адоби
09:53:17 ПП
User 113361293
спасибо, нашел
09:54:57 ПП
User 175310
User 1844260
ну ты сравнил, одно непойми кто делает, другое Адоби
и что:)
09:56:07 ПП
User 1844260
User 175310
и что:)
в хаке же точечки внутри буков? в "о" например
09:56:28 ПП
User 1844260
и вроде l (л маленькая латинская) там похожа на 1
09:56:29 ПП
User 75951305
в "о" нету
09:56:32 ПП
User 1844260
я его пробовал
09:56:34 ПП
User 75951305
только в 0
09:56:40 ПП
User 1844260
а, в нуле, да
09:56:53 ПП
User 75951305
и не точечка а овал
09:57:52 ПП
User 1844260
ну кароче, у меня не было предубеждений против него, я честно все попробовал
09:58:13 ПП
User 175310
User 1844260
в хаке же точечки внутри буков? в "о" например
да, для различия
09:58:28 ПП
User 175310
User 175310
да, для различия
только, да, как написали выше в нуле
09:58:34 ПП
10:00:35 ПП
User 175310
http://sourcefoundry.org/hack/assets/img/mockup/confused-chars.png
sourcefoundry.org/hack/assets/img/mockup/confused-chars.png
10:01:05 ПП
User 1844260
а, ну еще там кириллицы нет же
10:01:10 ПП
User 1844260
и лигатур
10:01:12 ПП
User 1844260
кароче, уг)
10:01:36 ПП
User 212842542
прагмата про крутая, но она платная
10:01:45 ПП
User 212842542
хотя можно и бесплатно найти на всяких торрентах
10:02:09 ПП
10:02:32 ПП
User 175310
User 75951305
Hack))))
вот да
10:02:33 ПП
User 175310
не успел кинуть
10:02:40 ПП
User 1844260
ладно, может я его спутал, да
10:02:45 ПП
User 75951305
http://sourcefoundry.org/hack/playground.html
sourcefoundry.org/hack/playground.html
Test your own text or source code with the font of your choice.
10:04:46 ПП
User 1844260
огась, ща попробую, освежу в памяти шрифты
10:05:08 ПП
User 175310
а для простого редактора на маке есть клевый chocolat
10:05:14 ПП
User 175310
тоже советую
11:55:00 ПП
User 213714651
а мне losevka нравится https://be5invis.github.io/Iosevka/
11:55:41 ПП
User 108562525
А расскажите, как вы тестируете vue-компоненты? и как вынести логику, сеть из компонентов? у меня, например в created подгружаются данные с сервера.