|
|
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
вадя, даже если не смотреть, что там лежало у ОДНОЙ знакомой в Африке. Разве неинтересен другой проект? Другая кастрюля? Другая отвёртка? вадяя высказываю своё мнение, не нравится не слушай я тоже высказал, не нравится - не слушай)). 10 лет про сокеты - скучновато. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 14:42 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
вадясделать проект с ws, ему очень понравилось. а ты пробовал? сожалею. Всё что мне попадалось - серверная сторона)) где "клиентщик" не командует протоколом. Много значения имеют фреймворки, на которые у тебя аллергия. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 14:48 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
skyANAДля хохмы хотелось бы узнать, а понимаете ли Вы от чего зависит время, что Вы предлагаете сравнивать? Боюсь что понимаю суть многих оптимизаций клиентского жс и работы с хтмл - бывали случаи когда мне удавалось некоторые jquery ui компоненты ускорять на пару порядков своими костылями (например, автокомплит с 8к строк открывался с поиском по одному часто встречаемому символу в оригинале 3+ секунд, после модернизации - стабильно быстрее 200мс). Приходилось даже в странице реализовывать вывод таблиц в 300 колонок и десятками тысяч строк. Без особых тормозов. Конкретно в случае с вставкой разметки все зависит в первую очередь от исходного дома и наличия мутейшн обсерверов, в простейших случаях разница будет ничтожна. В более сложных когда $.html() с его проверками правильности синтаксиса начинает выполняться дольше 200мс по причине слишком большой исходной страницы или до одури огромной вставки начинаются замеры производительности, всплывают те самые родные браузерные inner(outer)HTML`и, подбирается правильный вариант иницализции дополнительной логики (допустим, тех же jquery ui виджетов в вставляемой разметке). Еще интересный случай - перенос кусков разметки с сохранением логики на детачах/аттачах из jq, но это уже выходит за рамки темы обсуждения. А теперь излагайте Ваше мнение по поводу производительности, я тоже послушаю-почитаю. Если оно есть. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 15:15 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
mars478в простейших случаях разница будет ничтожна Спасибо, мы как раз про этот случай. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 15:27 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
mars478сравнить замену через innerHTML/outerHTML и html() из jquery. jquery при помощи святого духа DOM модифицирует ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 17:07 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
mars478В более сложных когда $.html() с его проверками правильности синтаксиса начинает выполняться дольше 200мс по причине слишком большой исходной страницы или до одури огромной вставки начинаются замеры производительности, всплывают те самые родные браузерные inner(outer)HTML`и, подбирается правильный вариант иницализции дополнительной логики (допустим, тех же jquery ui виджетов в вставляемой разметке). без jquery - никак? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 17:09 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
Изопропилбез jquery - никак? описан и способ на vanilla js, прочитай еще раз, ковбой. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 17:23 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
mars478, без фреймоворков - не умеешь? (если так уж припёрла проблема производительности) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 17:31 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
Изопропилmars478, без фреймоворков - не умеешь? (если так уж припёрла проблема производительности) молодой человек, vanilla js это чистый яваскрипт. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 17:35 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
Petro123вадясделать проект с ws, ему очень понравилось. а ты пробовал? сожалею. Всё что мне попадалось - серверная сторона)) где "клиентщик" не командует протоколом. Много значения имеют фреймворки, на которые у тебя аллергия. сочувствую, значит не удалось вкусить всей прелести. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 18:30 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
Petro123, ну не 10, а меньше.. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 18:31 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
вадясочувствую, значит не удалось вкусить всей прелести. Для того чтобы судить о качестве приготовленной яичницы, необязательно уметь нести яйца (с) Шутка. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 19:54 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
Petro123вадясочувствую, значит не удалось вкусить всей прелести. Для того чтобы судить о качестве приготовленной яичницы, необязательно уметь нести яйца (с) Шутка. тут боле подходит «не читал, но осуждаю...» ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 20:49 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
PrizzrakЯ чёт-т не понял, а формировать html c помощью JS по вашему задача элементарная? сформировать html на основе json достаточно просто, если пользоваться js шаблонизатором типа EJS (каким то аналогом), применить react js ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 20:57 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
skyANAmonstrUпоскольку речь идет про получение данных по ajax в json-html, то это подразумевает, что речь идет об каких-то операциях пользователя. вопрос - когда они выполняются - при старте страницы или после первой загрузки. Вы издеваетесь? :) Речь идёт о, с**а, фильтрах в каталоге интернет-магазина. теперь понятнее. то есть на страницу вывалили каталог товаров, и далее пользователь включает\выключает фильтры. тут если на проекте нет angular, react js или схожего фреймворка я бы применял Js шаблонизатор. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 21:03 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
monstrUPrizzrakЯ чёт-т не понял, а формировать html c помощью JS по вашему задача элементарная? сформировать html на основе json достаточно просто, если пользоваться js шаблонизатором типа EJS (каким то аналогом), применить react js так же просто сформировать html из правильно сыормироваггошо резульсета и без всяких шаблонов. при этом отпадает лишнее преобразование. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 21:14 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
PS, на java при этом происходит увеличение скоросли создания строки ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 21:17 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
вадяmonstrUпропущено... сформировать html на основе json достаточно просто, если пользоваться js шаблонизатором типа EJS (каким то аналогом), применить react js так же просто сформировать html из правильно сыормироваггошо резульсета и без всяких шаблонов. при этом отпадает лишнее преобразование. на проекте, где верстальщик и программист разные люди, можно приобрести кое-какие проблемы ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 21:23 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
monstrUвадяпропущено... так же просто сформировать html из правильно сыормироваггошо резульсета и без всяких шаблонов. при этом отпадает лишнее преобразование. на проекте, где верстальщик и программист разные люди, можно приобрести кое-какие проблемы тут надо уметь сотрудничать , понимать работу доуг друга, ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 21:37 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
mars478... по причине слишком большой исходной страницы или до одури огромной вставки начинаются замеры производительности ... Просьба рассказать, как были проведены замеры производительности. Интересно. Если через время выполнения JS-кода, то это туфта, о реальном рендеринге (реальном отображении) ничего не говорит. Особенно заметна разница на мобильных, где JS "отстреливается" за время n , а реальные изменения на странице видны через 10n и более (в случае больших объёмов). Я лично не нашёл другого способа, как сравнивать "на глаз" или с помощью ручного секундомера, когда объём вставляемых данных довольно большой. Чем больший объём - тем больше разница в реальном рендеринге, скорость выполнения JS на рендеринг не влияет. Сравните по этому тесту - делался больше года назад - уже возможны некоторые изменения в браузерах. Реальная скорость исполнения JS (формирование строки для innerHTML-вставки) - нижняя длинная кнопка. Можно создать статичный Грид, и Перемещаемый Грид соответствующими кнопками и посмотреть разницу. Имхо этот тест максимально приближен к реальным приложениям. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 22:20 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
P.S. да, использовался можно сказать vanilla JS (сборка через текстовые строки - а строковые операции очень быстры) с последующим innerHTML ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 22:22 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
бухалтер фантоцци, из приктики - самое медленное было рендеринг вставленного html самим браузером, а добавить к этому доп работу со строками..... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 22:50 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
вадябухалтер фантоцци, из приктики - самое медленное было рендеринг вставленного html самим браузером, а добавить к этому доп работу со строками..... у меня Chromium 56 - новый грид 10 х 5000 (50 тыс. ячеек) рендерит 2-3 сек, а строковые операции сборки (общее выполнение JS-кода с вызовом .innerHTML() ) делает примерно за 0.2 - 0.3 сек. На бюджетных мобильных (особенно SmartTV) гриды более чем 3000 ячеек рендерятся уже с видимой задержкой, хотя JS выполняется довольно быстро. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 23:06 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
Да, кстати, современные браузеры стараются оптимизировать, и при повторении (со 2-3 раза) некоторые вещи делают уже значительно быстрее. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 23:09 |
|
||
|
Формирование HTML c помощью JS. Нужно экспертное мнение.
|
|||
|---|---|---|---|
|
#18+
вадятут боле подходит «не читал, но осуждаю...» что именно читать? Голый сокет и отсутствие библиотек (паттернов)? Вот это твоё? Код: sql 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.08.2017, 23:30 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=39511019&tid=1444489]: |
0ms |
get settings: |
7ms |
get forum list: |
11ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
149ms |
get topic data: |
10ms |
get forum data: |
2ms |
get page messages: |
51ms |
get tp. blocked users: |
1ms |
| others: | 12ms |
| total: | 249ms |

| 0 / 0 |

Извините, этот баннер — требование Роскомнадзора для исполнения 152 ФЗ.
«На сайте осуществляется обработка файлов cookie, необходимых для работы сайта, а также для анализа использования сайта и улучшения предоставляемых сервисов с использованием метрической программы Яндекс.Метрика. Продолжая использовать сайт, вы даёте согласие с использованием данных технологий».
... ля, ля, ля ...