vue 2 snippets поставь ещё

о, опять фотки с конфы?

о, опять фотки с конфы?

Не, спам какой-то

забаньте его Одмены

Ребят. Такой вопрос. В БД есть таблица. Там много записей (более 10 000). Vue подтягивает все записи за раз. Все это дело ужасно лагает, что не удивительно. Можно добавить пагинацию и подтягивать по 100, например. Это приемлемо. Но есть фильтр, с помощью которого осуществляется поиск по этой таблице. Хотялось бы, чтобы фильтр работал без дополнительных запросов на сервер. Это возможно без лагов? Или надо постоянно отправлять query на сервер, чтобы там все это дело обрабатывалось, а на клиенте только рендерить....

@c01nd01r спамеры завелись

Я в поезде еду, у меня сети нет)

Ребят. Такой вопрос. В БД есть таблица. Там много записей (более 10 000). Vue подтягивает все записи за раз. Все это дело ужасно лагает, что не удивительно. Можно добавить пагинацию и подтягивать по 100, например. Это приемлемо. Но есть фильтр, с помощью которого осуществляется поиск по этой таблице. Хотялось бы, чтобы фильтр работал без дополнительных запросов на сервер. Это возможно без лагов? Или надо постоянно отправлять query на сервер, чтобы там все это дело обрабатывалось, а на клиенте только рендерить....

А тебе их редактировать не надо?

редактировать нет. только просмотр и фильтрация

редактировать нет. только просмотр и фильтрация

Вообще... Надо понять, чё тормозит. Ты все 10к выходишь на странице?

Сам по себе js filter должен быстро жевать 10к элементов, в среднем по больнице

Ребят. Такой вопрос. В БД есть таблица. Там много записей (более 10 000). Vue подтягивает все записи за раз. Все это дело ужасно лагает, что не удивительно. Можно добавить пагинацию и подтягивать по 100, например. Это приемлемо. Но есть фильтр, с помощью которого осуществляется поиск по этой таблице. Хотялось бы, чтобы фильтр работал без дополнительных запросов на сервер. Это возможно без лагов? Или надо постоянно отправлять query на сервер, чтобы там все это дело обрабатывалось, а на клиенте только рендерить....

Для тебя есть проблема выкачать всё на фронт?

Просто если ты будешь выводить только то, что тебе надо, то тормозить не должно.

На обходе 10к объектов Вью быстро дефайнит реактивность для полей (конечно, от объектов ещё зависит)

Ребят. Такой вопрос. В БД есть таблица. Там много записей (более 10 000). Vue подтягивает все записи за раз. Все это дело ужасно лагает, что не удивительно. Можно добавить пагинацию и подтягивать по 100, например. Это приемлемо. Но есть фильтр, с помощью которого осуществляется поиск по этой таблице. Хотялось бы, чтобы фильтр работал без дополнительных запросов на сервер. Это возможно без лагов? Или надо постоянно отправлять query на сервер, чтобы там все это дело обрабатывалось, а на клиенте только рендерить....

Это извечный и сложный вопрос. В одном сообщении не ответить. Это материал на несколько статей. Если коротко, то есть два вида: все на клиенте, все на сервере. Вытягивать сразу 10 000 данных и ими играться на клиенте плохая практика, особенно если они тяжелые. Плюс, надо учитывать, что в БД могут появиться новые записи за это время. Добавляя пагинацию, тоже создаются определенные проблемы. Они тоже все известны. Опять же если у тебя есть рейтинги/сортировки - это еще сложнее задача. Банальные примеры: новостные сайты (тот же хабр), где у тебя видно 1-2-3 страницы, а потом дочитав все ты можешь не найти третью страницу. В итоге, правильнее всего, при изменяющихся данных обрабатывать на сервере, а на клиенте играть данными в виде "пачек" по 10-20 штук. Причем самое крутое, это чистить клиентский код от того, что уже "не показывается", но когда возвращаешься - снова отрисовываешь, но уже из кеша. Хороший пример - яндекс.музыка. Посмотри как там DOM сделан при инфинити скролл.

Привет всем. Помогите. 😭 500р за ответ на вопрос. https://stackoverflow.com/questions/49445457/how-to-enable-culture-support-in-kendo-ui-for-vue

Как получить этот kendo инстанс во vue? В консоли-то он есть.

window.kendo ?

^

Привет всем. Помогите. 😭 500р за ответ на вопрос. https://stackoverflow.com/questions/49445457/how-to-enable-culture-support-in-kendo-ui-for-vue

а за правильный ответ сколько?

а за правильный ответ сколько?

500

500

виндоу не подошло?

window.kendo ?

Ага

Подошло

Ребят. Такой вопрос. В БД есть таблица. Там много записей (более 10 000). Vue подтягивает все записи за раз. Все это дело ужасно лагает, что не удивительно. Можно добавить пагинацию и подтягивать по 100, например. Это приемлемо. Но есть фильтр, с помощью которого осуществляется поиск по этой таблице. Хотялось бы, чтобы фильтр работал без дополнительных запросов на сервер. Это возможно без лагов? Или надо постоянно отправлять query на сервер, чтобы там все это дело обрабатывалось, а на клиенте только рендерить....

у меня в data-table приходят сразу все записи (20.000 - 40.000), JSON ~ 10 -12mb. максимально его ужал (короткие имена ключей, даты таймстемпом...). Первая загрузка со спинером ~ 6-7 сек. Но рисую порциями по 50 строк. И норм. сортирует только долго - примерно секунду. А поиск по колонке норм

Подошло

ты без вебпака юзаешь вью?

ты без вебпака юзаешь вью?

С вебпаком

у меня в data-table приходят сразу все записи (20.000 - 40.000), JSON ~ 10 -12mb. максимально его ужал (короткие имена ключей, даты таймстемпом...). Первая загрузка со спинером ~ 6-7 сек. Но рисую порциями по 50 строк. И норм. сортирует только долго - примерно секунду. А поиск по колонке норм

заметил, что скорость зависит от количества ячеек в таблице, и от количества реактивных элементов. если задавать контент через v-html, то работает быстрее, чем через {{article.text}}

можно еще попробовать import kendo from kendo window.kendo = kendo в main.js

Как получить этот kendo инстанс во vue? В консоли-то он есть.

Вопрос про kendo UI? Можно через ref и mounted хук. $(this.$refs.grid).data('kendoGrid')

я правда не увреен или его вынесет в вендор

Вопрос про kendo UI? Можно через ref и mounted хук. $(this.$refs.grid).data('kendoGrid')

понравился митап?

заметил, что скорость зависит от количества ячеек в таблице, и от количества реактивных элементов. если задавать контент через v-html, то работает быстрее, чем через {{article.text}}

Если не делать поля объектов реактивными, будет быстрее на больших объемах

понравился митап?

Да, митап клевый

Всем доброе утро, спасибо за митап, было супер))) А за пиво к вечеру вообще сильно благодарен)))

Да, митап клевый

нормич, смотрю доклады щас

жиквери форева

Если не делать поля объектов реактивными, будет быстрее на больших объемах

я смог на 7к строках с 14 секунд до 5 сократить время рендера

но потом добавил виртуал скрол) и все стало летать

жиквери форева

Вопрос был про митап, а не про доклады :)

Вопрос был про митап, а не про доклады :)

ну да, просто атмосферу и общение никак не посмотришь в ютубе :)

ну да, просто атмосферу и общение никак не посмотришь в ютубе :)

надо смотреть на VR)

а где посмореть можно?

https://www.youtube.com/watch?v=h9NQs0SEVoA

window.kendo ?

Всем спасибо. Vue JS не говно )))

Всем спасибо. Vue JS не говно )))

Четко, слово держит, сказал 500, пришло 500) огонь👍👍👍

Всем спасибо. Vue JS не говно )))

+++++++

+++++++

тоже говно

Буду с вами теперь, потому вы умные и просто зайки.

да вообще UI должен быть консольным

Чмоке

да вообще UI должен быть консольным

золотые слова

пссс... парни, кто как с чем юзает vue в бою? есть отважные парни кто гоняет на nuxt?))

ну да, просто атмосферу и общение никак не посмотришь в ютубе :)

Вот Атмосфера и общения прям отлично. Очень расслаблено и уютно. Ребята из Акронис здорово все организовали

круто слышать

пссс... парни, кто как с чем юзает vue в бою? есть отважные парни кто гоняет на nuxt?))

там прикольно. Отвага не нужна

пссс... парни, кто как с чем юзает vue в бою? есть отважные парни кто гоняет на nuxt?))

нукст это типа create-react-app?

тольк для вуе?

нукст это типа create-react-app?

нукст это типа next.js

нукст это типа create-react-app?

Я тип хз че это, потому и спрашиваю))

аааааааааааааааааааааааа

ну тогда я ничего не знаю

просто думал а как запустить его с бек эндом на ноде. Пульнул тимплейт вебпаковский, глянул внутрь и взгрустнул. Слишком дофига сразу доучивать... Вообще на ноде поднять простинький бложик как то прям не изи Т_Т

Вот хотел узнать - не упускаю ли я чего из виду...

расскажите пожалуйста, как вы храните компоненты без вебпака? именно шаблоны

я помещаю в div с display: none и беру innerHTML

есть ли tempalteUrl как в первом ангуляре?

может какой плугин

может какой плугин

вебпак

расскажите пожалуйста, как вы храните компоненты без вебпака? именно шаблоны

я на украинском чтоли пишу?

прикрутить его к всему можно

нукст это типа create-react-app?

create-react-app у нас - это vue-cli

расскажите пожалуйста, как вы храните компоненты без вебпака? именно шаблоны

type="x-template", зачем див?

type="x-template", зачем див?

во

понял, почитал спасибо