JavaScript таблицы летают и не летают, а хочется чтобы летали!

Статья — приглашение для Front и Back разработчиков.

Всем чистого разума и процветания!

Часто для многих разработчиков, задача быстрой визуализации и обработки таблиц с большим количеством данных на Front становилась мучительным поиском достойных библиотек, а если находили, то со временем разочаровывались.

К вашей оценке — PHP + JavaScript фреймворк решающий такие задачи как : кэширование таблиц в IndexedDB (избавляет от повторных загрузок с сервера MYSQL), моментальная сортировка и поиск данных, моментальное нахождение требуемого row скролом, абсолютное отсутствие тормоза скрола, возврат на прежнюю позицию в таблице при выходе или перезагрузке навигатора (при этом с сервера данные уже запрашиваться не будут)

P.s. Если вы находите все это — достойным, то пожалуйста обращайтесь к автору статьи.

И так что имеем:

1) Front обращается к серверу только в случаях передачи измененных или новых данных а также получения новых данных от сервера.

2) Быстрая отработка сложных многострочных таблиц учетных данных без нагрузки на процессы рендеринга таблицы (без flow rendering, не ругается о превышении времени на процесс)

3) Lighthouse Performance = 100%, кабинет запускается не более 250 ms.

4) Независимо от количества строк в таблицах среднее время визуализации блока из 10 колонок x 18 строк (180 DOM элементов) =~ 3.1ms или =~300 FPS (показатели на устройстве CPU 2core 3.6 GHz, GPU 2048MB DDR3 700MHz при том что данные в каждый блок подтягиваются на лету), нет ни какой предсобранной таблицы, блоки таблицы собираются на лету, так что это экономит память браузера и дает шанс GС (garbage collection) хорошо справляться со своим задачами. Время визуализации (180 DOM элементов) при прокрутке колесом или в режиме animate scroll ~3.7ms. Разные режимы прокрутки начиная с 1 строки.

5) Custom scroll (тесть встроенный scroll не используется), абсолютно без притормаживания при объеме данных таблицы в 500 000 строк.

6) Custom listbox — не имеет ограничений полей для select.

7) Постраничный клик UP или Down

8) и мн. другого полезного.

Пример работы можно посмотреть здесь: https://youtu.be/7Yci-GaphYE

И вот все это — управляется конфигурационным кодом на PHP (с учетом что архитектура MYSQL уже создана)

Далее если нет нюансов для сохранения новой строки или загрузки CSV... писать более ничего не нужно, JavaScript знает что делать с данными и как рисовать таблицы, а PHP знает что, как и куда сохранять.

Решение для Front End - JS движок для : быстрой прокрутки, сортировки и визуализации таблиц в 500 тысяч строк.<br /> Ричард Консуэгра Перес<br />
Решение для Front End - JS движок для : быстрой прокрутки, сортировки и визуализации таблиц в 500 тысяч строк.
Ричард Консуэгра Перес
22
4 комментария

Комментарий недоступен

2

Комментарий недоступен

1

Простите, а что оценивать? Видео это хорошо, но без ссылки на репозиторий оценивать нечего.

США начали обсуждать план по смягчению санкций против России — Reuters

Госдеп и Минфин готовят предложение по снятию санкций с отдельных юрлиц и физлиц. С кого именно — неизвестно.

1919
66
22
11
Релоканты и прочие борцуны, что с лицом? Отставить трясску!
реклама
разместить
Стоимость биткоина упала за сутки на 9%, до $83,9 тысячи

Как отмечают аналитики, эффект от новостей о включении некоторых монет в крипторезерв США не мог продлиться долго.

99
66
Как начать изучение программирования: пошаговое руководство
Как начать изучение программирования: пошаговое руководство
День 1105: ФНС снова может проводить выездные налоговые проверки ИТ-компаний — мораторий на них не продлили

Собираем новости, события и мнения о рынках, банках и реакциях компаний.

Источник: «РИА Новости»
88
Суд приговорил инфоблогера Елену Блиновскую к пяти годам колонии и штрафу в 1 млн рублей

Также суд на четыре года запретил ей заниматься коммерческои деятельностью и удовлетворил гражданский иск на 587 млн рублей.

Источник: Суды общей юрисдикции города Москвы
5353
3333
99
99
66
11
11
Как двойственно - вроде и поделом за тупое дробление и откровенное инфоцыганство, с другой стороны она от бизнеса а не от чинушья , и как то неприятно, когда сажают человека бизнеса
В сети алкомаркетов «Ароматный мир» начался корпоративный конфликт — СМИ

Суть спора пока неизвестна. В начале марта 2025 года у ритейлера перестали работать сайт и приложение — компания объяснила это сбоем и «переездом» сайта на новый адрес.

2525
77
22
11
11
"Ты меня уважаешь?")
5 плюсов и минусов покупки жилья на этапе стройки в Таиланде: Как инвесторы получают райские апартаменты со скидкой 40%?
5 плюсов и минусов покупки жилья на этапе стройки в Таиланде: Как инвесторы получают райские апартаменты со скидкой 40%?

Покупка недвижимости в Таиланде на этапе строительства — это не просто инвестиция, а шанс войти в элитный рынок с огромной выгодой. Но как не прогадать и превратить риски в бонусы? Мы раскрываем 5 ключевых преимуществ и подводных камней, а главное — как опытные инвесторы экономят миллионы бат!

Создатель бота для «пробива» данных «Глаз Бога» рассказал, что сервис приостановил работу из-за обысков у поставщика данных

Сервис не работает с 28 февраля 2025 года — тогда СМИ сообщили об обысках у команды «Глаза Бога», но основатель бота это опровергал.

2323
66
33
22
11
Законно собирать и сливать персональные данные можно только некоторым компаниям, это их корова и они её доят.
[]