Focus 2 Ultra от Nubia
Возможный релиз MacBook Air?
Автопилот Tesla на бездорожье
SVG-битва нейросетей
Карманный проектор
Полёт над Луной

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

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

Суд приговорил инфоблогера Елену Блиновскую к пяти годам колонии и штрафу в 1 млн рублей

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

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

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

99
77
22
11
11
"Ты меня уважаешь?")
🌀 Ozon и его вечная гонка за ростом: когда инвесторы поймут, что прибыль — это не бонус, а необходимость? Долги, Финтех, Убытки. Разбор отчёта.

Ozon делает всё, чтобы вам понравиться: бешеный рост GMV, финтех, новые клиенты. Но почему при этом чистый убыток взлетел до 59,4 млрд ₽? Где грань между стратегией масштабирования и банальным сжиганием денег?

🌀 Ozon и его вечная гонка за ростом: когда инвесторы поймут, что прибыль — это не бонус, а необходимость? Долги, Финтех, Убытки. Разбор отчёта.
44
Microsoft представила ИИ-помощника Dragon Copilot для врачей

Чтобы те «могли сосредоточиться на пациентах, а не компьютере».

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

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

1919
66
22
22
11
Законно собирать и сливать персональные данные можно только некоторым компаниям, это их корова и они её доят.
Я производил 2 млн пачек, зарабатывал 55 млн ₽ в год, попал в топ маркетплейсов, но всему приходит конец

В 2023 я больше всех продавал на маркетплейсах в своей товарной категории, работал со всеми крупными ритейл-сетями, а всего бизнес приносил 1,1 млрд ₽ выручки и 55 млн ₽ прибыли в год.

Теперь можно и руки вытереть, и бюджет посчитать 
129129
1919
77
22
11
11
Прямо чистый понедельник, много нового узнал про производство бумажной продукции. Спасибо и удачи автору в начинаниях
Нейросеть vs рабочие конфликты: как ИИ станет вашим переговорщиком
Нейросеть vs рабочие конфликты: как ИИ станет вашим переговорщиком
11
Сервисом по самозапрету на выдачу кредитов воспользовались почти 2 млн человек за два дня

Встроенный помощник «Макс» дал 3,4 млн консультаций о добровольном запрете на кредитование.

1212
33
Теперь каждому, на кого мошенники оформили кредит, начнут говорить: Что ж ты самозапрет не установил? Сам виноват.
[]