
Ivan
20.05.2017
10:16:35

Rustam
20.05.2017
10:17:11
а чем веб кмпоненты отличаются отостальных компонентов vue react angular?

Rafael
20.05.2017
10:19:03
Вьюкс нужен если данные подтягивается либо с разных источников, либо нужны в компонентах, которые не являются родственными

Google

Rafael
20.05.2017
10:19:36
Ну и для ssr

Stanislav
20.05.2017
10:23:32
А есть здесь кто-то, кто делал кеширование со Vuex?
А еще интересно узнать как вы создаете сторы для множества сущностей (элементы списка), если создаете?

Rustam
20.05.2017
10:25:36
как .data если используется только в компоненте

Rafael
20.05.2017
10:27:02

Stanislav
20.05.2017
10:28:30
блин, клаву колой залил, теперь Enter нажимается через раз

Rustam
20.05.2017
10:29:01
ну если список нужен только в одном компненте в рамках отношений родитель - список дитя - то смысла вливать в глобальное хранилище нету

Rafael
20.05.2017
10:29:12

Stanislav
20.05.2017
10:29:52
Есть блог с постами.
Страница списка постов - это один стор.
А вот когда переходишь на страницу, то можно конечно пост из списка достать, но можно еще один стор создать, исключительно для поста.
блог -
епт!

Rafael
20.05.2017
10:30:18
кстати я тут подумал, делать кеширование на vuex это тупо, он ведь изначально создан для разрешение реактиных зависимостей, а ты тупо ему пост кинул

Google

Rustam
20.05.2017
10:30:29
сторе один глобальный, всё остальное - свойства отдельных объектов/компонентов

Stanislav
20.05.2017
10:30:56
блог - это как пример,
в моей вселенной посты обладают кучей функциональности (удаление с проверками, редактирование на месте, валидация, шаринг, вложенные сущности)
и вот я думаю, пихать всю функциональность как API одного стора со списком, где каждый метод будет требовать ID записи, это какой-то оверхед для одного модуля
а как грамотно организовать вложенность еще не придумал

Rustam
20.05.2017
10:32:24
у тебя случаем попапы есть?

Stanislav
20.05.2017
10:32:29
import sessionsStore from 'stores/sessions'
console.log(sessionsStore) // namespace для sessionsStore

Rustam
20.05.2017
10:32:58
ну всё равно он водном месте, на деле глобальный будет - один и тот же для всех

Stanislav
20.05.2017
10:33:45

Rustam
20.05.2017
10:33:46
блин надо ж статью дописать
статью про vue для sitepoint

Stanislav
20.05.2017
10:34:22
надо значит надо

Rustam
20.05.2017
10:53:41
попробовал прикрутить polymer к расщирению - получил кучу
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' https://ssl.google-analytics.com".
Either the 'unsafe-inline' keyword, a hash ('sha256-AYzkEOy570v3pgwSjL96msfNQGIBNCoa6ppxJtI8Fag='), or a nonce ('nonce-...') is required to enable inline execution.
придётся переписывать полимер

Rafael
20.05.2017
11:00:55

Rustam
20.05.2017
11:01:08
дело не в этом, это и есть вторая версия
их код построен на импортах с script инлайновым
для расширений это запрещено
нужно все такие инлайновые скрипты вынести в <script src
требования хром 31+

Google

Rustam
20.05.2017
11:02:21
а инлайн открывается только с 46й

Stanislav
20.05.2017
11:08:18
https://twitter.com/youyuxi/status/865519534798651392

Rustam
20.05.2017
11:08:29
если б требования были с 46й - то да

Stanislav
20.05.2017
11:08:41
Понятно

Rustam
20.05.2017
11:12:09
уф, заработало
теперь надо на это настроить html inline postcss
и babel
нашёл отличия у фаерфокса и хрома по отношению к полимеру. стили для h2 у фаерфокса отсутствуют

Ivan
20.05.2017
11:19:57
ребят, подскажите, а time ago можно сделать как-то в единый setInterval чтобы его как computed к примеру поле использовать?

Rustam
20.05.2017
11:22:13

Ivan
20.05.2017
11:23:02
запись обновлена 5 секунд назад

Ivan
20.05.2017
11:23:10
ну и возврастающий от timestamp
как-то завести единый setinterval который будет значения всем определённым полям в таблице перерендеривать без изменения самого свойства

Rustam
20.05.2017
11:24:26
а
через родителя делай ререндер
т.е. у родителя setinterval который вызывает ререндер дочернего компонента

Ivan
20.05.2017
11:26:09
это тогда перерендерит всю таблицу, а если только одно свойство)

Rustam
20.05.2017
11:27:07
ну сделай такой метод у дитя чтобы он перерендеривал только то что тебе нужно, а через родителя вызывай

Ivan
20.05.2017
11:27:28
метод получается в цикле будет

Google

Ivan
20.05.2017
11:27:37
на каждую строку таблицы
а я как раз хочу без цикла)
чтобы setInterval как-то глобально в компоненте это делал

Rustam
20.05.2017
11:28:51
http://stackoverflow.com/questions/44072407/is-it-possible-to-use-polymer-2-for-building-browser-extention/

Pavel
20.05.2017
13:02:25
Привет всем! :)
У меня есть компонент со списком постов и есть компонент поста который нужно показывать, но! нужно показывать пост pop-up диалогом, что бы на бекграунте оставалась лента постов, как реализовать правильно это?

Rustam
20.05.2017
13:04:21
вообще если попапов будет несколько - создай отдельный JS-модуль для попапов который всегда в конце <body> - сэкономишь кучу проблем с вёрсткой в будущем

Admin
ERROR: S client not available

Pavel
20.05.2017
13:06:05
Получается сделал так
Но при открытии поста, лента на бекграунде пролистывается наверх, и при закрытии поста летна обновляется, подгружаются по новой все картинки итд

Rustam
20.05.2017
13:08:29
мысли сначала в вёрстке ,а уже потом в JS

Pavel
20.05.2017
13:11:20
Я сам просто не верстаю, но есть компонент уже готовый с версткой поп-ап диалога,

Вишневый чай
20.05.2017
13:31:11
Ребят, вот какой вопрос, касательно испорта svg графики - в проекте есть потребность импортировать svg со всеми потрахами в верстку (т.е. не через тэг img). Все это здорово, но меня уже начали напрягать эти здоровенные блоки svg кода в верстке. Как быть? Выносить каждую картинку в компонент не выгоядит хорошей идеей, может можно как-то настроить webpack чтобы он импортил в верстку при сборке?

Rafael
20.05.2017
13:36:17
Кстати о минусах vuetify - это модальные окна, вот это сделано хуже всего

Rustam
20.05.2017
13:45:57
я щас не могу browserify настроить на кучу файлов, какие то стримы ставить и т.д.

Bogdan
20.05.2017
13:57:03
oki doki
oi ne tuda

Google

Bogdan
20.05.2017
13:57:10
)

Rustam
20.05.2017
14:37:30
сборка супер - теперь сборка собирается за 40 секунд
было 15
может кому пригодится https://fettblog.eu/gulp-browserify-multiple-bundles/

Stanislav
20.05.2017
15:33:43

Вишневый чай
20.05.2017
15:36:09

Stanislav
20.05.2017
15:37:46

Вишневый чай
20.05.2017
15:38:40

Stanislav
20.05.2017
15:38:53
Я сейчас не дома

Illya
20.05.2017
16:06:26

Quiss
20.05.2017
16:07:26
?

Вишневый чай
20.05.2017
16:09:20

Stanislav
20.05.2017
16:14:36
https://twitter.com/ladyleet/status/865660714685390848

Quiss
20.05.2017
16:15:08
В чем проблема?
ну, типа шутка, типа пойдем за гаражи, я покажу тебе свой gulpfile

Yaroslav
20.05.2017
16:49:39
Я делаю отдельную компоненту svg, там формат такой:
<template>
<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
<symbol id="icon_faq" viewBox="0 0 512 512">
</symbol>
</svg>
</template>
Подключаю компонету к главному и вывожу енго под футером например
Тперь в любой компоненте то что нужно можно дергать так
<svg><use xlink:href="#icon_faq"></use></svg>
Отлично сжимаются gz и сгрупированы в одном месте

Aleksandr
20.05.2017
17:05:48
Отлично сжимаются gz и сгрупированы в одном месте
https://www.liquidlight.co.uk/blog/article/creating-svg-sprites-using-gulp-and-sass/ более детально описан метод. А один из методов реализации есть в tars https://github.com/tars/tars/blob/master/docs/ru/svg-processing.md самому писать и без миксина ( имхо ) не удобно.