LINUX.ORG.RU

как правильно запилить гигантскую страничку

 ,


0

1

СПВ!

Есть html с 40к+ записей, вот думаю как бы его показывать «правильно»... разбить на несколько страничек можно, но не очень хочется. Во всех этих новомодных js фреймворках и прочих json-ах не разбираюсь, так что подсказывайте сразу с примерами лучше.

Заранее всем спасибка и чмакилафка в этом форумчике.

Перемещено mono из talks

★★★

А может всё-таки разбить на страницы? Это ведь что-то вроде новостной ленты? Не знаю как кого, а меня этот бесконечный скрол бесит.

Вопрос не по теме: что значит «СПВ»?

MrClon ★★★★★
()
Ответ на: комментарий от MrClon

значит «СПВ»?

Союз придурков-волонтёров.

Есть html с 40к+ записей

А какого они объёма и как с ними работать? Если все они не нужны и пользователь будет бегать по списку поиском, то лепи на одну страницу. Если данных не слишком много, то лепи в одну страницу.
В другом случае — лепи в одну страницу.

Stahl ★★☆
()

разбить на несколько страничек можно, но не очень хочется

почему?
кароч - ангуларжс, он умеет и разбить, и отфильтровать

anonymous_sapiens ★★★★★
()
Ответ на: комментарий от svr4

генерится он самопильной csv2html на перле, то есть на выходе будет чистенький кошерный хтмл4, в тейбле или дивах (думаю над этим)

nerfur ★★★
() автор топика
Ответ на: комментарий от Stahl

А какого они объёма и как с ними работать? Если все они не нужны и пользователь будет бегать по списку поиском

список аэропортов/хелипортов/взлеток мира (о которых знает ICAO)

nerfur ★★★
() автор топика

если ты хочешь попроще, то правильно сделать просто пагинацию по ним.

umren ★★★★★
()
Ответ на: комментарий от MrClon

А может всё-таки разбить на страницы? Это ведь что-то вроде новостной ленты?

нет, это не новостная лента, это просто большой список объектов.

nerfur ★★★
() автор топика
Ответ на: комментарий от nerfur

И пользователь должен искать нужный ему объект самостоятельно?
Тогда сам понимаешь — разбивка на страницы не вариант.

Stahl ★★☆
()
Ответ на: комментарий от Stahl

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

nerfur ★★★
() автор топика
Ответ на: комментарий от nerfur

в жсон и прикрутить фильтрацию на клиенте, но надо смотреть на толщину может фильтрацию стоит делать на сервере

Deleted
()
Ответ на: комментарий от nerfur

для ускорения отображения и загрузки

Для этого не надо выкладывать целиком. Нужно предоставить поле запроса и батон. Морда отправляет запрос, а удалённый по отношению к юзеру сервер возвращает результаты поиска, которые уже и нужно отображать. Проблемы здесь начинаются только в том случае, если юзер не имеет никакого представления что ему нужно, но в этом случае выход только один - чтобы всё было у него перед глазами разом, и множественные страницы здесь только помеха.

saahriktu ★★★★★
()
Ответ на: комментарий от Deleted

Size, Markup (bytes) 4,140,883 Size, Compressed (bytes) 617,996

уже играюсь на тему как минимизировать (лишний маркап убираю где есть возможность)

nerfur ★★★
() автор топика
Ответ на: комментарий от nerfur

Если лишний маркап одинаковый для каждой записи, то его убирание не сильно уменьшит размер gzip-а. Если страница статическая, можно использовать gzip -9, сжав ее заранее (например, nginx умеет со специальным модулем отдавать заранее сжатую версию, если она лежит рядом с обычной с расширением .gz). Впрочем, 600к - это уже нормально по нынешним меркам, в том же твиттере все скрипты и стили, вместе взятые, весят не меньше.

Deleted
()
Последнее исправление: Deleted (всего исправлений: 3)

Если все эти данные кому-то могут пригодиться целиком, то оформи в виде pdf и дай на него ссылку, пользователи сами разберутся, чем его листать.

Если всё-таки пользователь будет искать что-то по списку, то лучше данные залить в БД и сделать форму поиска.

Wizard_ ★★★★★
()
Ответ на: комментарий от Stahl

значит «СПВ»?

Союз придурков-волонтёров.

Сапог-плётка-водка.

anonymous
()
Ответ на: комментарий от static_lab

Не больше реакта. Серьёзно.

Сказал лысый вася с горы. А народ, сидящий плотно на ангуляре, прикручивает react в качестве «V» от нечего делать.

java^Wng-repeat не тормозит! xD

bj
()
Ответ на: комментарий от bj

Сказал лысый вася с горы. А народ, сидящий плотно на ангуляре, прикручивает react в качестве «V» от нечего делать.

http://jsperf.com/angular-vs-knockout-vs-ember/463

Понятное дело, что синтетический тест. Однако на старых версиях ангуляра действительно было всё печально. Сейчас он реально шустрый, особенно если правильно его готовить.

static_lab ★★★★★
()
Ответ на: комментарий от static_lab

Понятное дело, что синтетический тест.

Не просто синтетический, а синтетический в вакууме. Как шаблонизатор всех уделает какой-нибудь handlebars. Но нам же нужен далеко не он? two-way binding с трекингом изменений тормозит и будет тормозить.

bj
()
Ответ на: комментарий от bj

two-way binding с трекингом изменений тормозит и будет тормозить.

есть и one-way binding, и разные виды трекинга

static_lab ★★★★★
()
Ответ на: комментарий от nerfur

список аэропортов/хелипортов/взлеток мира (о которых знает ICAO)

Почему бы не разбить их по городам/алфавиту?

xtraeft ★★☆☆
()
Ответ на: комментарий от bender

Вопрос не по теме: что значит «СПВ»?

специалистам по всему

andrew667 ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.