ℝei
ты мб в регулярке точку укажешь?)
Victor
кавычки убери
Victor
ругклярка без кавычек пишется
Victor
и + добавь
Victor
а то удаляет только первый символ
Victor
'...'.replace(/[^0-9a-z-_ ]+/i, '')
ℝei
The replace() method returns a new string with some or all matches of a pattern replaced by a replacement в каком месте тут удалить что не попадет?
first
first
да,благодарю
first
[^ ] Соответствует единичному символу из числа тех, которых нет в скобках. Например, [^abc] соответствует любому символу, кроме «a», «b» или «c». [^a-z] соответствует любому символу, кроме символов нижнего регистра в латинском алфавите.
Victor
ℝei
а ну хотя да
first
благодарю за помощь)
Zaur
Всем привет. Есть задача написать игру для мобильного web. В игре много UI элементов, всяки списки таблицы и т.п. Также в игре будут всякие сложные анимации, например появление элемента в скролируемом списке через эффект scale+alpha. Задался вопросом, делать это на canvas/webgl или на обычном html с использованием Vue+CSS анимации?
Не хочется делать на canvas потому что не хочется пилить свои UI элементы скролл, списки и т.п. В тоже время боюсь что на HTML+Vue не получится сделать нужные мне анимации.
Вопрос: есть ли у кого ссылка на ресурс где есть сложные анимации на CSS. Если это будет игра - вообще супер.
Вообщем я хочу чтобы кто нибудь сумел убедить меня писать на Vue+CSS+HTML :)
Victor
https://webdesign.tutsplus.com/articles/15-inspiring-examples-of-css-animation-on-codepen--cms-23937
Victor
http://onesharedhouse.com/
Zaur
Спасибо, но здесь анимашки примитивные. Хочется увидеть как будут анимированно взаимодействовать разные элементы UI.
Nikita
Всем привет. Есть задача написать игру для мобильного web. В игре много UI элементов, всяки списки таблицы и т.п. Также в игре будут всякие сложные анимации, например появление элемента в скролируемом списке через эффект scale+alpha. Задался вопросом, делать это на canvas/webgl или на обычном html с использованием Vue+CSS анимации?
Не хочется делать на canvas потому что не хочется пилить свои UI элементы скролл, списки и т.п. В тоже время боюсь что на HTML+Vue не получится сделать нужные мне анимации.
Вопрос: есть ли у кого ссылка на ресурс где есть сложные анимации на CSS. Если это будет игра - вообще супер.
Вообщем я хочу чтобы кто нибудь сумел убедить меня писать на Vue+CSS+HTML :)
вот я бы тоже посмотрел на хорошие мощные практики взаимодействия со скроллом. буду благодарен.
Max
в router.beforeEach проверять
Тоже наткнулся на это, решил в route.beforeEach диспатчить экшн auth, который заполнит стору и вернет промис, чтобы на резолв повесить next().
Но мне не нравится, что в роутере читаются данные из сторы и диспатчится экшен (хоть и один раз). Такой подход нормальный?
Alexey
Тоже наткнулся на это, решил в route.beforeEach диспатчить экшн auth, который заполнит стору и вернет промис, чтобы на резолв повесить next().
Но мне не нравится, что в роутере читаются данные из сторы и диспатчится экшен (хоть и один раз). Такой подход нормальный?
Ну не знаю. А что тут такого? Вполне нормально имхо
Max
Всем привет. Есть задача написать игру для мобильного web. В игре много UI элементов, всяки списки таблицы и т.п. Также в игре будут всякие сложные анимации, например появление элемента в скролируемом списке через эффект scale+alpha. Задался вопросом, делать это на canvas/webgl или на обычном html с использованием Vue+CSS анимации?
Не хочется делать на canvas потому что не хочется пилить свои UI элементы скролл, списки и т.п. В тоже время боюсь что на HTML+Vue не получится сделать нужные мне анимации.
Вопрос: есть ли у кого ссылка на ресурс где есть сложные анимации на CSS. Если это будет игра - вообще супер.
Вообщем я хочу чтобы кто нибудь сумел убедить меня писать на Vue+CSS+HTML :)
Наверно можно svg анимировать на js/css. Также видел статью про что-то похожее https://medium.com/coding-artist/how-to-create-the-vueconf-load-animation-with-svgs-and-vue-js-f7bbf0e24fb0
Zaur
я видимо не корректно задал вопрос :) мне не нужно анимировать svg(графику). Мне нужно анимировать UI элементы: кнпоки, списки, всплывающие окна
Victor
Заур, а сколько у тебя лет опыта во Vue?
Zaur
У меня опыта во Vue нет, у меня стоит задача понять на чем лучше писать UI элементы для игры. Если окажется что на Vue или на каком то другом Rect-е будет проще сделать, чем на canvas-е, мы будем искать человека с опытом в этом деле. Я сам специализируюсь на играх на canvas,webgl (10 лет писал игры на флеше).
Victor
Ни Vue, ни React не имеют каких-то своих специфических UI анимаций. Все, что они предлагают - это некий интерфейс для CSS transitions
Так что вопрос в том, устраивает ли тебя CSS transitions
Zaur
Ни Vue, ни React не имеют каких-то своих специфических UI анимаций. Все, что они предлагают - это некий интерфейс для CSS transitions
Так что вопрос в том, устраивает ли тебя CSS transitions
ну вот да, я не видел сложных анимаций на CSS, поэтому и спросил, есть ли примеры, чтобы понять что нам нужно.
Victor
https://codepen.io/udyux/pen/EwwPgr
Victor
Кажется, это максимум
Victor
Более сложное - это уже SVG анимации
Victor
https://css-tricks.com/creating-vue-js-transitions-animations/
Max
У меня опыта во Vue нет, у меня стоит задача понять на чем лучше писать UI элементы для игры. Если окажется что на Vue или на каком то другом Rect-е будет проще сделать, чем на canvas-е, мы будем искать человека с опытом в этом деле. Я сам специализируюсь на играх на canvas,webgl (10 лет писал игры на флеше).
Чет помимо анимации на css @keyframes ничего в голову не приходит, но анимировать так можно довольно динамично)
Zaur
на мобилках такие анимации нормально живут?
Victor
https://cssanimation.rocks/list-items/
Victor
По поддержке, да
А по производительности - это уже дело индивидуальное
Victor
Кроме Оперы Мини
Edward
По поддержке, да
А по производительности - это уже дело индивидуальное
+, все от чипа зависит, а в большинстве случаев они бюджетные, так что лучше уже тестить на самих устройствах
smile
вью подходит больше для data layer, то есть, манипулировние данными, но не для рисование сложных анимаций для игр. Но никто не запрещает тебе совместить вью и канвас/вебгл
Zaur
вью подходит больше для data layer, то есть, манипулировние данными, но не для рисование сложных анимаций для игр. Но никто не запрещает тебе совместить вью и канвас/вебгл
Я так и планирую. Основную игровую часть понятное дело будем делать на webgl. Вопрос на чем писать UI элементы, в которых тоже присутствует много анимации, всякие переходы, всплывающие popup-ы и все такое.
smile
http://blog.sklambert.com/html5-game-tutorial-game-ui-canvas-vs-dom/
Vyacheslav
А вот интересно vue может не рендерить некоторые элементы списка если они с тем же id (key) что и другие?
Stanislav
v-if?
Vyacheslav
я имею ввиду в качестве глюка
Vyacheslav
я ожидаю больше элементов чем рендерится
Alessandro
key должен быть уникальным
Oleksandr
Просто я встречал такой баг. Если обернуть элемент с директивой v-for в простой див, то бага не будет
L-dar
Подскажите пожалуйста, как с помощью axios в header отправлять токен
Делаю вот так
https://jsfiddle.net/bvqq4fqz/
Почему то не отправляет данные
L-dar
Уже пол дня бьюсь и не могу понять, что не так
Michael
а почему бы не экспортнуть функцию, которая возвращает уже подогнанный метод axios?
Michael
ну типа export { get: async (url) => await axios.get({...params, url})}
Michael
и туда хедеры
Michael
мб сложнее, но так можно попробовать, а с креейт, честно говоря, хз. Я бы потрейсил.
Nikita
а это решает проблему? того, что у человека хедеры не прокидываются?
Olexandr
может дело в CORS
Michael
ну из axios.get({headers: {...}}) оно точно кидается
Michael
если не срабоатет, точно надо вовне копать
Michael
Не корс. Оно бы вооще отсекало, а не толкьо хедеры
Michael
кроме экзотики
ℝei
Nikita
да я увидел и в шоке
CherryTea
Когда смог нагуглить чат по вью, но не смог нагулить доку
Nikita
шокированнн
Nikita
главное, как он установил vue то?
CherryTea
Установил ли
Nikita
Nikita
у гугла плохая доступность судя по всему
CherryTea
Может он только яндексом пользуется
Nikita
Nikita
значит у яндекса ужасная доступность
ℝei
Он тралил лол. Видел его как то в этом чате сомневаюсь что это был норм вопрос)
CherryTea
Ну я не знаю как, не знаю....
Nikita
это ситуация когда проебался, а потом притворился, что так и должно быть?
Nikita
хм, карточки у гугла по лучше будет все же.
CherryTea
Вот был бы я одмином этого чата, запилил бы бота что по ключевым словам кидает ссылку на доку
CherryTea
@vueman mounted