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

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

Apple представила iPad Air с чипом M3 и базовый iPad с чипом A16

А также обновлённую клавиатуру Magic Keyboard с трекпадом для iPad Air.

Источник здесь и далее — Apple 
88
11
реклама
разместить
Nothing представила Phone (3a) и (3a) Pro с тремя основными камерами и встроенными функциями ИИ

Цены на устройства — меньше $500.

Источник здесь и далее: Nothing
99
55
44
11
Это настоящий УБИЙЦА АЙФОНА
Как понять, почему твой бизнес не растёт?

Каждый предприниматель хочет видеть рост своего бизнеса. Но что делать, если компания работает, маркетинг запущен, продажи идут, а роста нет? Сейчас помогу вам разобраться, в чём причина застоя и какие действия помогут сдвинуть бизнес с мёртвой точки.

Если бизнес не растёт, значит, где-то есть слабые звенья, мешающие развитию. Важно не надеяться на чудо, а системно разбираться с проблемами. Найдите точки роста, устраните узкие места – и ваш бизнес снова начнёт двигаться вперёд!

Правительство не продлило мораторий на выездные налоговые проверки ИТ-компаний

Его действие завершилось 3 марта 2025 года.

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

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

3434
1515
22
22
22
11
11
11
На переговоры с трампом нужно посылать не чиновников, а специалистов, которые разводят пенсионеров и ветироанов на миллионы рублей. Они американского деда так опрокинут, что он даже ничего не поймет, выполнит все условия и еще аляску взад подарит.
Сеть «М.Видео» запустила доставку техники через «Яндекс Еду» и «Деливери»

Доставят примерно за час-два.

Сеть «М.Видео» запустила доставку техники через «Яндекс Еду» и «Деливери»
2323
77
11
Купил такой чипсарей с колой, думаешь "Блин, че то телека не хватает, дай закажу к чипсам, и попкорна еще докуплю как раз"
Как подобрать паблики для рекламы

Как понять, в каком паблике разместить рекламу? Где найти подходящую аудиторию? Как убедиться, что канал надежный? С такими вопросами я столкнулся, когда первый раз запускал рекламу спортивного ивента. Сейчас подобрать паблики для рекламных посевов не вызывает трудностей. У нас в SUR Agency всё четко и понятно. Рассказываю подробнее.

Как подобрать паблики для рекламы
22
Отчёт VK Tech за год: выручка выросла на 42,1%, до 13,6 млрд рублей — благодаря росту продаж и клиентской базы

Драйверами роста стали платформа VK Cloud и сервисы продуктивности VK WorkSpace.

1111
11
[]