а может быть и 150px

думаю не варик

это знаете как подгрузка сообщений в мессенджерах

40px минимальная высота одного блока

Подчёркиваю: получать высоту, высчитывать её. Думай сам как высчитать размер блока до его добавления или как оптимизировать всё так, чтобы скролл, добавление блока и расчёт высоты проходили мгновенно и одновременно

Подчёркиваю: получать высоту, высчитывать её. Думай сам как высчитать размер блока до его добавления или как оптимизировать всё так, чтобы скролл, добавление блока и расчёт высоты проходили мгновенно и одновременно

а если запретить браузеру при скролле подниматься до позиции scrollTop = 0 ?

Зачем?

что бы он нормально отпрыгивал а не прислонялся к top 0

Подчёркиваю: получать высоту, высчитывать её. Думай сам как высчитать размер блока до его добавления или как оптимизировать всё так, чтобы скролл, добавление блока и расчёт высоты проходили мгновенно и одновременно

Если речь идёт про сайт и нельзя всё так классно оптимизировать, то можно создать невидимый div того же размера, что и тот, в который будет проходить вставка. И рассчитывать высоту там, после чего делать одновременный скролл и уже реальное добавление элемента

В чем прикол создавать каждый раз и записывать в переменную? Нельзя просто создать и потом дальше использовать уже инстанс ?

Если речь идёт про сайт и нельзя всё так классно оптимизировать, то можно создать невидимый div того же размера, что и тот, в который будет проходить вставка. И рассчитывать высоту там, после чего делать одновременный скролл и уже реальное добавление элемента

Будет минимальная задержка в добавление блоков, но в глазах пользователей не будет каких-то отскоков, что важнее

Будет минимальная задержка в добавление блоков, но в глазах пользователей не будет каких-то отскоков, что важнее

разметка хранится в переменой

это нужно сначала её вставить потом найти

потом отскролить

выглядит очень энергозатратно

что думаете?

Ребят, кто работет плотно с moment.js, подскажите плиз как преобразовать строку с датой в iso-формате в неё же, но без таймзоны? Т.е. 2019-01-25T12:31:25.975Z —> 2019-01-25T12:31:25.975 как это называется? утонул в документации

Привет! Подскажите пожалуйста: setTimeout(function() { console.log($(document).find('.ui-datepicker-calendar tbody td').attr('data-year', 12313)); }, 3000) данные изменяются а если я пытаюсь получить эти значения то пишет undefind

setTimeout(function() { console.log($(document).find('.ui-datepicker-calendar tbody td').data('year')); }, 3000) вот так пытаюсь получить

Ребят, кто работет плотно с moment.js, подскажите плиз как преобразовать строку с датой в iso-формате в неё же, но без таймзоны? Т.е. 2019-01-25T12:31:25.975Z —> 2019-01-25T12:31:25.975 как это называется? утонул в документации

я конечно дико извиняюсь, но может просто .slice(0,-1) ?

я конечно дико извиняюсь, но может просто .slice(0,-1) ?

так то оно можно, только вот мы же не со строками работает, а с датой, это другой слой абстракции

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

если она хранится в переменой

jQuery

так то оно можно, только вот мы же не со строками работает, а с датой, это другой слой абстракции

вы писали "преобразовать строку"

Привет! Подскажите пожалуйста: setTimeout(function() { console.log($(document).find('.ui-datepicker-calendar tbody td').attr('data-year', 12313)); }, 3000) данные изменяются а если я пытаюсь получить эти значения то пишет undefind

разобрался, получил данные засунув в $(document).find('.ui-datepicker-calendar tbody td').each(function() { console.log($(this).data('year')) })

Ребят, кто работет плотно с moment.js, подскажите плиз как преобразовать строку с датой в iso-формате в неё же, но без таймзоны? Т.е. 2019-01-25T12:31:25.975Z —> 2019-01-25T12:31:25.975 как это называется? утонул в документации

.format('YYYY-MM-DDTHH:mm:ss') ?

jQuery

Прямым взаимодействием с переменной?

ребята, есть ли либа, позволяющая создавать переменны(строки, числа, объекты, массивы) и и системой их проверки. Что бы к примеру, определить тип переменной и там же прописать все валидаторы. Плюс, должна быть возможность вешать события на изменения переменной.

jQuery

http://jsfiddle.net/91bytn70/

Что лучше в контексте Ajax подзагрузки контента? 1) получение данных и генерация вёрстки на стороне сервера, 2) получение данных с сервера, а генерацию вёрстки проводить на стороне клиента.

Что лучше в контексте Ajax подзагрузки контента? 1) получение данных и генерация вёрстки на стороне сервера, 2) получение данных с сервера, а генерацию вёрстки проводить на стороне клиента.

я за второе

Что лучше в контексте Ajax подзагрузки контента? 1) получение данных и генерация вёрстки на стороне сервера, 2) получение данных с сервера, а генерацию вёрстки проводить на стороне клиента.

что лучше на машине ездить или на корабле плавать?

Что лучше в контексте Ajax подзагрузки контента? 1) получение данных и генерация вёрстки на стороне сервера, 2) получение данных с сервера, а генерацию вёрстки проводить на стороне клиента.

Зависит от того, что ты делаешь и как

Если це SPA'шка, то генерация на фронте, иначе можно на бэке

ИМХО, само собой!

Зависит от того, что ты делаешь и как

Подгрузка статей и комментариев и статей по мере прокрутки страницы

Подгрузка статей и комментариев и статей по мере прокрутки страницы

быстрее будет отдавать статику, наверное

Комментарии сделал вторым способом. Статьи думаю сделать первым

Плюс у второго в том, что пользователь загружает вместо 100кб какие-то 20кб

быстрее будет отдавать статику, наверное

Быстродействие здесь не играет роли, если говорить про применение второго в контексте ПОДгрузки. В контексте первоначальной загрузки страницы второй способ, насколько помню, лишь замедлит.

Ну если не скорость, то как минимум нагрузка, роль играет

если материалы для подгрузки - статика, рендери на бэке, иначе на фронте

имхо

если материалы для подгрузки - статика, рендери на бэке, иначе на фронте

Хм. То есть если есть шанс кэшировать, то рендерить на сервере ради этого самого кэша? А динамичное лучше на фронте?

Хм. То есть если есть шанс кэшировать, то рендерить на сервере ради этого самого кэша? А динамичное лучше на фронте?

если твой ресурс будет посещяться 10-ом юников в сутки, то похер че как и где, костыляй и велосипедствуй. Если планируется больше 1к юников в час, то надо равномерно распределять нагрузку

Полагаю стоит заблаговременно рассмотреть возможность выноса всего гуя на фронт, отдавая только данные от сервера

Хотя это уже от сроков зависит

Вообще, тему стоит погуглить, ибо я могу легко ошибаться

на истину не претендую

если твой ресурс будет посещяться 10-ом юников в сутки, то похер че как и где, костыляй и велосипедствуй. Если планируется больше 1к юников в час, то надо равномерно распределять нагрузку

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

Вообще, тему стоит погуглить, ибо я могу легко ошибаться

Либо я плохо гуглил, либо все ответы на этот вопрос такие "рендери на бекенде". Причём эти ответы без объяснений.

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

вынос всего гуя на фронт будет оправдан, когда уников перевалит за 10к+ в час

если не в минуту

вынос всего гуя на фронт будет оправдан, когда уников перевалит за 10к+ в час

Хорошо. Что для этого рендера на фронте использовать? Я пока не трогал Angular/React, поэтому не знаю, замешаны ли они в этом.

Я чот тоже их не трогал 😅

Для комментариев я свою реализацию сделал. Было весело, но заняло день.

у нас по месту рабского труда, все на жиквери вертим. На бэке smarty пачкует контент. Выходит весьма и весьма быстро

привет, подскажите сервис для сжатия картинок пачкой если есть, было бы круто если еще разрешение можно было бы указать

Я чот тоже их не трогал 😅

Тогда тот вопрос чату

Что использовать для рендера вёрстки на фронте?

Полагаю React\Vue было бы оптимально

Даже наверное Vue

Во всяком случае именно его я бы взял, встань у нас задача, рендерить гуй на фронте

Даже наверное Vue

Почему Vue у меня ассоциируется (ассоциация! Не мнение!) с выскочкой?

Просто потому что по вую я уже смотрел демки и листал статейки(нихера не понял, беглое знакомство)

В первой половине января хочу попробовать склепать одностраничник на вьюхе. По этому мой выбор очевиден. Конкретнее сказать нечего, бери хоть ванильный жс

В первой половине января хочу попробовать склепать одностраничник на вьюхе. По этому мой выбор очевиден. Конкретнее сказать нечего, бери хоть ванильный жс

Проблема в том, что моя реализация рендера вёрстки ванильным JS'эм показала, что это ужасно не "реиспользуемое" решение. То есть написанное для комментариев нельзя применить для статей. Или вообще для чего угодно, где отличается вёрстка

Возможно это моя реализация такая. Буду рад, если мне укажут на готовые решения, где нету этой проблемы.

Проблема скорее всего кроется в конечном месте разбора ответа и рендера

Проблема скорее всего кроется в конечном месте разбора ответа и рендера

Нее, проблема именно в рендере вёрстки

Ответ не доставляет сложности разобрать: если у ajax указать type как json, то на бекенде останется просто отправлять в json привычные объекты и точно такими же они будут доступны в success у ajax

Попробуй, возможно выйдет что-то хорошее и "реиспользуемое", а возможно будет такая же проблема.

Я нагуглил на Mustache.js. Но там же было написано и про Hogan.js и что он, мол, быстрее и эффективнее, нежели первый

Друзья, понимаю вопрос наверное глупый, но никак не могу сообразить как реализовать:\ код сейчас var multilink = '/quotes/status/multi?fix[]=0'; $('.status-fly .btn').on('click',function(){ multilink = '&fix[]=' + $(this).attr('id'); console.log(multilink); }); пытаюсь добиться того- что бы в переменную multilink добавлялось значение после срабатывания event'a click

в php к примеру я бы это сделал через .=

а как в js/jquery

?

а как в js/jquery

+=

Если ты про добавление строки к строке

❤️