Какой хороший способ детектить мобилки из js ?

screen.width < 480

Обычно юзерагент анализируют

screen.width < 480

топ))

и всё это не очень хорошие способы =)

Это ещё хорошо потому что можно на сервере отлавливать

я так понял единого стандарта и прозрачного способа пока что нет

Ну юзерагент самый такой

не-а, можно просто закомбинировать ряд признаков

все по каким то триггерам

ну да)

юзерагент, разрешение, if (typeof window.orientation !== 'undefined') { ... }

Пиплы, кто из Винницы?

Пиплы, кто из Винницы?

Рядом))

Калиновка?

Бердичев )

Мужики, что за фигня такая происходит. Есть кастомная директива которая подключена глобально, я в нее ничего не передаю. когда написано вот так http://prntscr.com/jlkw5a высыпает ворнинги http://prntscr.com/jlkwaz но все работает, а если хоть что-то передать - то все норм http://prntscr.com/jlkxje

МУТИМ ДВИЖУХУ

Бердичев )

Нупушти

Нупушти

30 мин езды

Мужики, что за фигня такая происходит. Есть кастомная директива которая подключена глобально, я в нее ничего не передаю. когда написано вот так http://prntscr.com/jlkw5a высыпает ворнинги http://prntscr.com/jlkwaz но все работает, а если хоть что-то передать - то все норм http://prntscr.com/jlkxje

покажи директиву саму

http://prntscr.com/jlkycz

я там даже ничего не принимаю

в смысле binding

хм, попробуй мб хук другой? // Когда привязанный элемент вставлен в DOM... inserted: function (el) { // Переключаем фокус на элемент el.focus() }

из доки

это паг

сделай v-btn-spinner="true"

особенность pug-loader, если передать просто v-btn-spinner, паг его сделает в v-btn-spinner="v-btn-spinner"

сделай npm uninstall pug

лол

сделай npm uninstall pug

нет

pug + bemto.pug это вкусно

Но я тоже, так что не слушайте меня

сделай v-btn-spinner="true"

так то все норм

сделай npm uninstall pug

... а у него парселб, который при запуске сам все недостающие депы доставит.... заза

Какой хороший способ детектить мобилки из js ?

юзерагент в основном, можно еще поддержку тач проверять как дополнение

так то все норм

посмотри в сторону bemto.pug , если ты по бэму пишешь - в разы меньше нотации станут

@almmaz Для общения между компонентами я использую связку Шина-событий + Vuex Шина нужна, чтобы сообщить тому или иному компоненту, что ajax закончен, vuex для хранения данных. от Jquery лучше избавляться там, где он есть. К примеру axios + vue-js-modal

шина событий это отдельный компонент?

это отдельный инстанс вью

да

посмотри в сторону bemto.pug , если ты по бэму пишешь - в разы меньше нотации станут

Спасибо, гляну а без "true" из-за pug сыпит?

да

буду знать

хм, попробуй мб хук другой? // Когда привязанный элемент вставлен в DOM... inserted: function (el) { // Переключаем фокус на элемент el.focus() }

inserted не помог. ТОлько ="true"

inserted не помог. ТОлько ="true"

ну уже понятно, да, я с пагом не работал практически, так что это уже тонкость лоадера, как сказал человек выше

@almmaz https://alligator.io/vuejs/global-event-bus/ Вообще не представляю, чтобы я делал бы без неё

ну уже понятно, да, я с пагом не работал практически, так что это уже тонкость лоадера, как сказал человек выше

Да, всем спасибо разобрались

@almmaz https://alligator.io/vuejs/global-event-bus/ Вообще не представляю, чтобы я делал бы без неё

прикольно, спасибо

а кто нибудь rxJS со vue использует?

Есть ли разница для реактивности ? между 1) Vue.set(channelGroup, 'isActive', uniq.indexOf(String(channel.id)) >= 0); 2) channelGroup.isActive = uniq.indexOf(String(channel.id)) >= 0;

интересны отзывы

Всем привет

здАрова

ребят привет) может кто знает как определить устройство с которого зашел юзер, и к примеру для мобилки рендерить мобильную версию, и сразу еще вопрос, мб есть что-то в помощ с адаптивностью? пишу при с помощью quasar

юзерагент же

что значит помощь с адаптивностью

что значит помощь с адаптивностью

адаптивная верстка

в квазаре нет грида?

или мб лучше использовать cordana или elextron

в квазаре нет грида?

есть, но эт респонсив, мне именно разное отображение должно идти

Виктор Device.js Определяет тип устройства и версию ОС

Виктор Device.js Определяет тип устройства и версию ОС

спасибо)

ERROR: S client not available

всем привет

бу

мне внутри запускать еще один цикл? или есть способ лучше?

Парни, есть какой-нибудь masked input, чтобы маска была только визуальное, а значение переменной было без символов маски?

@almmaz По логике ничего сложного. Ajax форма/модальное окно, компонент получает данные, после выводит окно с текстом. Возможно есть смысл почитать ajax-реализации модальных окон + шина событий. Пока сложно сказать, в чём конкретно сложность и проблема.

Получается что изменяется html внутри <div id="app"></div> и vue его повторно не парсит и не рендерит компонент. Можно по идее создавать новый Vue экземпляр и общаться с основным экземпляром через шину событий

Кто-нибудь использовал AlaSQL.js или другую локальную БД в связке с vuex? Поделитесь опытом

Очень глупый вопрос, но как мне быстро и просто отсортировать От большего к меньшему :)))))))))))

сейчас идет стандартная сортивка от 0 до 10 а мне нужно от 10 до 0

const SortService = { sort: (a, b, direction) => { switch (direction) { case "asc": return a > b ? 1 : -1; default: return a < b ? 1 : -1; } } };

direction - указывает направление

или возьми кусок что нужен

Решил поделиться небольшим опытом по поводу #SEO и #индексации. В общем, на данный момент сайт (SPA) индексируется гуглом, заголовки и мета-информация попадает в индекс (title, description). На компонент NotFound через vueMeta сделал такую штуку: <meta name="robots" content="noindex">. Пока что все ок, работает. Вдруг кому пригодиться.

Есть ли разница для реактивности ? между 1) Vue.set(channelGroup, 'isActive', uniq.indexOf(String(channel.id)) >= 0); 2) channelGroup.isActive = uniq.indexOf(String(channel.id)) >= 0;

Если isActive было изначально определено в channelGroup, то нет

Сначала подумал что это спам)

Решил поделиться небольшим опытом по поводу #SEO и #индексации. В общем, на данный момент сайт (SPA) индексируется гуглом, заголовки и мета-информация попадает в индекс (title, description). На компонент NotFound через vueMeta сделал такую штуку: <meta name="robots" content="noindex">. Пока что все ок, работает. Вдруг кому пригодиться.

Яндексом нет ?

Вроде Гугл только могет пока рендерить

Решил поделиться небольшим опытом по поводу #SEO и #индексации. В общем, на данный момент сайт (SPA) индексируется гуглом, заголовки и мета-информация попадает в индекс (title, description). На компонент NotFound через vueMeta сделал такую штуку: <meta name="robots" content="noindex">. Пока что все ок, работает. Вдруг кому пригодиться.

Гугл js умеет индексировать, а вот Яша...

Парни, есть какой-нибудь masked input, чтобы маска была только визуальное, а значение переменной было без символов маски?

imask, но за рабоспособность плагина vue-imask не подскажу - я сам прикручивал нативную версию к vue.

Яндексом нет ?

1. Я не проверял. 2. Вряд-ли индексируется, т.к. не слышал от них заявлений на счет индексирования SPA, чего не скажешь о Google.

Гугл года 2 уже умеет

Вроде хреново умел раньше

никто не рисковал просто

там 41 хром под капотом у гугла

там 41 хром под капотом у гугла

прочитал 4 раза "хромосом" бррр..

прочитал 4 раза "хромосом" бррр..

http://img0.joyreactor.cc/pics/post/%D1%85%D1%80%D0%BE%D0%BC%D0%BE%D1%81%D0%BE%D0%BC-%D1%83%D0%B4%D0%B0%D0%BB%D1%91%D0%BD%D0%BD%D0%BE%D0%B5-804568.jpeg

imask, но за рабоспособность плагина vue-imask не подскажу - я сам прикручивал нативную версию к vue.

благодарю!

vue-the-mask глянь, если не подойдёт, удобная штука ;)

благодарю!

есть vue-masked-input, там можно arguments[1] брать чистое значение, но автор на него забил и не поддерживает, а там есть всякие баги

vue-imask робит чётко)

а, я его не смотрел, так как демок не нашёл