@vuejs_ru
Illya10.06.2017
23:14:20
23:14:20
Все равно вью пока плох для масс
у ангуляра есть ng2-book
и вообще достаточно четко сформулированные best practices
а у нас форум где хрен разберешься
GoogleVadim10.06.2017
23:50:33
23:50:33
вот бест практисес это да-да-да
Diasko11.06.2017
06:06:36
06:06:36
Нам нужен vue2-book
Illya11.06.2017
06:12:20
06:12:20
Хз что нам нужно. Но реалии таковы что сейчас мы ходим по кругу. В этой группе раз за разом возникают одни и те же вопросы, мы радостно на них отвечаем и дико гордимся тем что мы такие умные. В то же время куча гораздо более сложных вопросов тупо не решена
Rafael11.06.2017
06:28:44
06:28:44
DimaIllya11.06.2017
06:35:55
06:35:55
https://gist.github.com/xanf/7818d4ddc068432fd93c84e7083628ba
Valery11.06.2017
06:44:07
06:44:07
Хз что нам нужно. Но реалии таковы что сейчас мы ходим по кругу. В этой группе раз за разом возникают одни и те же вопросы, мы радостно на них отвечаем и дико гордимся тем что мы такие умные. В то же время куча гораздо более сложных вопросов тупо не решена
Что-то оптимизма нет в твоих словах. Или ошибаюсь?Illya11.06.2017
06:45:46
06:45:46
Чтобы выбраться из жопы надо понять а) что мы в жопе б) в чем конкретно заключается жопа в) почему мы туда попали. Оптимизм - крайне вредная черта для бизнесмена поверьте мне
А развитие сообщества суть тот же бизнес
Valery11.06.2017
06:49:26
06:49:26
? Друзья, blockchain-технологии достигли серьезных масштабов. Это уже давно не просто bitcoin, а вполне серьезные решения Enterprise-уровня. Второй месяц экспериментируем с Ethereum, Smart Contracts, Truffle, web3.js, DApps (ведь платформа JavaScript-friendly). Много интересного накопилось. Вижу, что есть и другие ребята, которые начинают идти по этому пути. Создали группу для обсуждения технических вопросов разработки, связанных с архитектурой и разработки для платформы Ethereum. Присоединяйтесь: https://t.me/eth_ru
Вчера видел простенькое android-приложение на Quasar - лента курсов криптовалют. Был поражен их колличеством. Я-то наивный, думал, что существует один великий и могучий Биткоин.?GoogleRafael11.06.2017
06:49:43
06:49:43
ксттаи насчет тестов, кмк jest и vue не совместимы :С
Valery11.06.2017
06:50:11
06:50:11
Danil11.06.2017
07:09:48
07:09:48
Всем привет, столкнулся с такой проблемой, когда происходит рендеринг списка, если условие находящееся в директиве v-if истинно то элемент отображается а если оно ложно то вместо элемента выводятся комментарий <!---->
как мне отключить вывод этих комментариев?
Danil11.06.2017
07:14:51
07:14:51
а зачем?
Тимлид требует чтобы комментарии не выводились, я в интернете по этому поводу не смог ничего найти
Kelin11.06.2017
07:21:38
07:21:38
Ivan11.06.2017
07:30:25
07:30:25
Danil11.06.2017
07:33:03
07:33:03
Liv11.06.2017
07:34:54
07:34:54
тимлид где-то прочитал, что, по-моему для webpack, есть плагин, убирающий комментарии при компиляции, вот и требует )))
Ivan11.06.2017
07:37:50
07:37:50
задача звучала так: чтобы код не засорялся, комментарии не должны выводится
Код и результат разные вещи, нэ?Danil11.06.2017
07:38:33
07:38:33
Ivan11.06.2017
07:38:59
07:38:59
А какая баня, есть там комментарии или нет?
Danil11.06.2017
07:39:57
07:39:57
Denis11.06.2017
07:56:19
07:56:19
Вчера видел простенькое android-приложение на Quasar - лента курсов криптовалют. Был поражен их колличеством. Я-то наивный, думал, что существует один великий и могучий Биткоин.?
Их сотни, но валюты - это "сверху", сама платформа куда более мощная, но об этом в https://t.me/eth_ru :)
jdc11.06.2017
08:19:20
08:19:20
тимлид где-то прочитал, что, по-моему для webpack, есть плагин, убирающий комментарии при компиляции, вот и требует )))
Так в банлле и нету комментов
Это вроде в настройках по дефолту стоит
(без плагинов, это в настройках вебпака)Google
Igor11.06.2017
08:28:09
08:28:09
Чтобы выбраться из жопы надо понять а) что мы в жопе б) в чем конкретно заключается жопа в) почему мы туда попали. Оптимизм - крайне вредная черта для бизнесмена поверьте мне
Ну что, делаем gitbook? А ссылку на него можно запинить.Liv11.06.2017
08:50:25
08:50:25
Ну что, делаем gitbook? А ссылку на него можно запинить.
а есть уже о чем писать? Есть хотя бы черновик статьи о взаимодействии нескольких инстансов приложения? Или описание опыта реализации системы оплаты через карточку? :)Igor11.06.2017
08:51:43
08:51:43
а есть уже о чем писать? Есть хотя бы черновик статьи о взаимодействии нескольких инстансов приложения? Или описание опыта реализации системы оплаты через карточку? :)
Ну, это дело наживное. Просто пофорсить ссылочку в разные чаты, может, и люди сделают полезные PR'ы.Illya11.06.2017
09:29:34
09:29:34
а есть уже о чем писать? Есть хотя бы черновик статьи о взаимодействии нескольких инстансов приложения? Или описание опыта реализации системы оплаты через карточку? :)
С оплатой через карточку как раз все простоLiv11.06.2017
10:04:31
10:04:31
у меня вопрос о кастомизации сторонних компонентов - как это, собственно , делать? :) Пытаюсь кастомизовать компонент vue-select(https://sagalbot.github.io/vue-select). Использую этот компонент в своем компоненте. Пытаюсь переопределить css vue-select в секции style своего компонента, однако мои изменения не применяются. ЧЯДНТ?
Igor11.06.2017
10:30:35
10:30:35
у меня вопрос о кастомизации сторонних компонентов - как это, собственно , делать? :) Пытаюсь кастомизовать компонент vue-select(https://sagalbot.github.io/vue-select). Использую этот компонент в своем компоненте. Пытаюсь переопределить css vue-select в секции style своего компонента, однако мои изменения не применяются. ЧЯДНТ?
о специфичности селекторов в CSS слыхал?возможно, data-* аттрибут придаёт больше веса селектору, и твой стиль не срабатывает.
я недавно видел, что во vue подвезли какую-то штуку >>>, с помощью которой можно переопределить стили у компонентов-детей.
ещё можно пользоваться грязным хаком :not(#\9), который увеличивает спицифичность селектора. подробнее здесь: https://github.com/MadLittleMods/postcss-increase-specificity
Liv11.06.2017
11:03:22
11:03:22
о специфичности селекторов в CSS слыхал?
что-то вроде слыхал, поэтому делаю так
<v-select
v-model="cityName"
:value="cityName"
:options="cities"
:searchable="false"
id="cList"
></v-select>
а в стилях переопределяю так
#cList.v-select { ... }
и все равно почему-то не пашет :(
Попробую перечисленные способы, спасибо за наводкуIgor11.06.2017
11:07:04
11:07:04
#cList .v-select { ... } наверное. пробел
Вишневый чай11.06.2017
12:58:17
12:58:17
http://dejavue.co/
юзал кто?
?11.06.2017
12:59:09
12:59:09
Это то что я думаю?
Igor11.06.2017
13:01:50
13:01:50
о, плагин для хрома.
Вишневый чай11.06.2017
13:01:54
13:01:54
смотря что ты думаешь
Igor11.06.2017
13:02:19
13:02:19
было бы неплохо, наверное, если бы они его в родной vue devtools встроили.
Kosmos11.06.2017
15:10:18
15:10:18
Написал небольшую статью, о том как и почему использую в Vue-компонентах BEM. Буду рад если у кого возникнут мысли/комментарии, так как основаня цель найти оптимальное решение, которое можно исопльзовать на практике. https://medium.com/@vjkosmos/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-bem-%D0%B2-vue-c6dca5e17f87
Igor11.06.2017
15:13:14
15:13:14
Если честно, я так и не понял, зачем вы использовали БЕМ кроме двух названных причин:
* Селекторы атрибутов медленнее селекторов классов
* Становится сложно отлаживать код, так как случайно сгенерированные атрибуты не несут никакой смысловой нагрузки
первая причина действительно не имеет смысла, если вы не пишите свой вконтакте с каким-нибудь бесконечным фидом, где у вас DOM-дерево начинает сильно пухнуть, и там важно иметь селекторы попроще.
если вы сомневаетесь, то можете почитать статьи, как работает CSS в браузерах, думаю, ваше отношение к этой проблеме изменится.
GoogleIgor11.06.2017
15:16:28
15:16:28
касательно второй проблемы (неудобной отладки) — приходится держать в голове структуру дерева компонентов, и по ней восстанавливать, куда смотреть. да, может, это не очень удобно.
другая проблема, с которой я столкнулся — это то что я хоть и люблю scoped styles, но понимаю, что мне нужен critical css, а это значит надо выносить стили в отдельный файл. и тут бы мне как раз пригодился БЭМ, для изоляции компонентов. вот это проблема. а у вас скорее неудобства.
Kosmos11.06.2017
15:20:28
15:20:28
Это тоже, плюс я сталкиваюсь в работе с тем, что стили существуют не только в внутри компонентов, часто бывают какие-то "вещи-в себе" скажем написанные ан Three.js или D3. Где тоже естьк акие-то классы, не имеющие отношения в Vue. В этом случае, мне BEM упрощает жизнь, в том смысле, что есть единая для всей кодовой базы система именования и пространстранства имен.
Четвертый аспект, часто базовую верстку делает отдельный верстальщик, который используют BEM так как у него нет scoped, и тогда достаточно просто, из его блоков делать компоненты. Все логично и прогнозируемо.
На счет больших и маленьких приложений, мне снова таки проще придерживаться везде одного стиля, это в конечном итоге все равно в плане разработки получется быстрее. По этому для себя решил, везде писать вот так. Какой бы свой проект неоткрыл, везде вижу тоже самое.
Igor11.06.2017
15:26:22
15:26:22
с pug попроще будет эти длинные css селекторы писать, наверное. а я вот мучаюсь ?
Kosmos11.06.2017
15:27:54
15:27:54
Если честно не представляю как их мжно писать без pug, это каторга была бы :)
AdminERROR: S client not available
Вишневый чай11.06.2017
15:28:18
15:28:18
расширю конекст, на бэме вообще свет клином не сошелся. Я напрмер хочу попробовать переползти на SMACSS
он намного меньше похож на костыль
Kosmos11.06.2017
15:30:18
15:30:18
Я тоже не использую прям совсем строго, у меня тоже попадаются какие-то общие классы, особенно для состояний. Вводить вообще для всего отдельный класс, это уже какой-то фундаментализм :).
Gaiaz Iusipov11.06.2017
15:37:40
15:37:40
бэм отвратителен не хочу его юзать
Stanislav11.06.2017
15:45:08
15:45:08
Ты просто не умеешь его готовить. Да и никто не заставляет
K11.06.2017
15:49:25
15:49:25
Ты просто не умеешь его готовить. Да и никто не заставляет
БЭМ может и не отвратителен, но создаёт излишнюю модульность, как по мне
Как и реакт местамиStanislav11.06.2017
15:50:33
15:50:33
?
Gaiaz Iusipov11.06.2017
15:50:38
15:50:38
Kosmos11.06.2017
15:50:55
15:50:55
Если вы считаете BEM отвратительным, вы просто не видели Atomic CSS :)))))
K11.06.2017
15:51:33
15:51:33
Если вы считаете BEM отвратительным, вы просто не видели Atomic CSS :)))))
Ну это уже просто инфернальный ужас...
Alex11.06.2017
15:54:40
15:54:40
Kosmos11.06.2017
15:55:16
15:55:16
Каждому свое, вон yahoo делают на Atomic CSS и ничего. Я попытался рассказать почем пишу так, и с какими сложностями столкнулся, в частоности с юниттестами и инклудами миксинов pug/scss. Vue-комьюнити, достаточно небольшое, и часто даже на простые вопросы не просто найти ответы.
GoogleKosmos11.06.2017
15:55:27
15:55:27
Kosmos11.06.2017
15:57:46
15:57:46
У Atomic CSS есть свои плюсы, на больших проектах, как раз как Yahoo у них фалы стилей не увеличиваются пропорционально размеру остальной кодовой базы, так как очевидно, что атомарных сущностей используется на мого меньше, по этому у них CSS по идее очень легки. Но конечно лично мне сложно понять, как получать удовольствие от такого.
Igor11.06.2017
16:07:42
16:07:42
Кстати. А сколько девушек в чате?
Rustam11.06.2017
16:59:54
16:59:54
бэм отвратителен не хочу его юзать
Выкидываешь из БЭ элемент т.к. в большинстве случаев элемент и блок это одно и тоже
Берёшь PascalCase для названий блоков camelCase для названий состояний и клеишь их через ., а не через эту дурь с название__состояние. Когда блок в блоке склейка через одинарное подчёркивание, а не через двойное. Это намного красивее, чище, короче и понятнее чем БЭМБЭМ это технология для ие6 (так, к сведению)
Kosmos11.06.2017
17:03:23
17:03:23
А причем здесь ИЕ6?
Rustam11.06.2017
17:03:52
17:03:52
А потому что БЭМ не использует умножение классов в CSS .class1.class2
Gregory11.06.2017
17:03:58
17:03:58
Что-то не понял гонов на БЭМ. Обычно те кто его ругают, просто не понимают что это такое, кроме как расшифровки аббревиатуры
Rustam11.06.2017
17:04:05
17:04:05
и он работает в ие6
напиши бэм на 4 уровня глубину + состояние - как выглядит класс
Kosmos11.06.2017
17:05:30
17:05:30
В беме не может быть 4 уровня глубины.
Rustam11.06.2017
17:06:05
17:06:05
ну тогда будут проблемы с тем что нужно думать о названиях блоков как в классике
Kosmos11.06.2017
17:06:27
17:06:27
Так там вся идея в мало вложености и названии блоков :)
Rustam11.06.2017
17:08:08
17:08:08
но даже так, я код переписывал с тремя состояниями
и там класс в хтмле пробивает страницу кода на 50%
а у меня Block_Child colorBlue stEnabled stActive
Открыть в Telegram