Size: a a a

2021 January 11

КА

Кирилл Алексейчук... in FrontCoder
Polina Emelyanova
Коллеги, с прошедшими и наступающими праздниками.

Прошу вас сориентировать меня как сверстать каталог, чтобы все были довольны.)))

САБЖ: Есть каталог товаров, с карточками-превью. Предположим, их 12. Это я сверстаю за 15 мин.

ПРОБЛЕМА: При клике на карточку - всплывает ее СОБСВЕННЫЙ попап с описашкой, фото/галереей и прочими причиндалами.

КАК Я ЭТО ВИЖУ:

Я отдаю беку ОБЕРТКУ этого попапа, т.е. в разметке существует только ОДИН сверстанный такой элемент-попап
Бек забирает его и уже по требованию Юзверя подгружает нужный ему контент.

Что я забыла? Где что продумать?
Попап же как-то взаимодействует с юзером (закрывается по крестику или клику вне попапа)? Если это всё планируется делать, то, имхо, лучше там же в js генерить обёртку, чем класть пустую в разметку. Ну и потом этот js везде с собой таскать как либу из проекта в проект)
источник

КА

Кирилл Алексейчук... in FrontCoder
А, и привет! Забыл поздороваться)
источник

РВ

Роман Васин... in FrontCoder
Всем привет! Может кто-нибудь подсказать про папку languages в темах wordpress как они работают?
И еще вопросик кто-нибудь делал мультиязычный сайт на wordpress если делали подскажите как?

А то устанавливать wordpress в папки мне кажется это будет не очень!
источник

VF

Valentin Fedyakov in FrontCoder
Polina Emelyanova
Коллеги, с прошедшими и наступающими праздниками.

Прошу вас сориентировать меня как сверстать каталог, чтобы все были довольны.)))

САБЖ: Есть каталог товаров, с карточками-превью. Предположим, их 12. Это я сверстаю за 15 мин.

ПРОБЛЕМА: При клике на карточку - всплывает ее СОБСВЕННЫЙ попап с описашкой, фото/галереей и прочими причиндалами.

КАК Я ЭТО ВИЖУ:

Я отдаю беку ОБЕРТКУ этого попапа, т.е. в разметке существует только ОДИН сверстанный такой элемент-попап
Бек забирает его и уже по требованию Юзверя подгружает нужный ему контент.

Что я забыла? Где что продумать?
а почему не getProduct/3212312 получить какой нить json и отрисовать их в твоем шаблоне у пользователя?
источник

PE

Polina Emelyanova in FrontCoder
источник

PE

Polina Emelyanova in FrontCoder
Благодарю, за пояснения!
источник

PO

Pavel Omelchenko in FrontCoder
Polina Emelyanova
Благодарю, за пояснения!
Я бы тоже оставил работу по рисованию содержимого модалки тебе, предоставив апи ручку которую можно будет дергать с теми данными которые нагенерю в карточках товара
источник

PO

Pavel Omelchenko in FrontCoder
Хотя можно при рендеренге страницы сразу и объект данных по карточке аттачить, чтобы потом не тратить время на запросы... но передача страницы клиенту будет дольше.
источник

ИЕ

Иван Есин in FrontCoder
Polina Emelyanova
Коллеги, с прошедшими и наступающими праздниками.

Прошу вас сориентировать меня как сверстать каталог, чтобы все были довольны.)))

САБЖ: Есть каталог товаров, с карточками-превью. Предположим, их 12. Это я сверстаю за 15 мин.

ПРОБЛЕМА: При клике на карточку - всплывает ее СОБСВЕННЫЙ попап с описашкой, фото/галереей и прочими причиндалами.

КАК Я ЭТО ВИЖУ:

Я отдаю беку ОБЕРТКУ этого попапа, т.е. в разметке существует только ОДИН сверстанный такой элемент-попап
Бек забирает его и уже по требованию Юзверя подгружает нужный ему контент.

Что я забыла? Где что продумать?
я бы сделал так - отрисовку всю оставил на фронте, создавать 12 попапов с бека такое себе.
А дальше, если есть возможность настроить апишку с беком, то:
Либо при открытии попапа отсылал аякс запрос беку на получение инфы конкретно про этот продукт. (как Валентин выше предлагал)
Либо при загрузке страницы получал бы инфу по отдельному роуту, которую бы уже локально хранил. Ну и при открытии попапа просто подставлял значения.
Если взаимодействия с беком по апи нет, то можно хранить всю инфу по карточке в ее дата атрибутах. И опять же, при открытии попапа просто брать их
источник

PO

Pavel Omelchenko in FrontCoder
Иван Есин
я бы сделал так - отрисовку всю оставил на фронте, создавать 12 попапов с бека такое себе.
А дальше, если есть возможность настроить апишку с беком, то:
Либо при открытии попапа отсылал аякс запрос беку на получение инфы конкретно про этот продукт. (как Валентин выше предлагал)
Либо при загрузке страницы получал бы инфу по отдельному роуту, которую бы уже локально хранил. Ну и при открытии попапа просто подставлял значения.
Если взаимодействия с беком по апи нет, то можно хранить всю инфу по карточке в ее дата атрибутах. И опять же, при открытии попапа просто брать их
Про дата-атрибуты тоже думал но не озвучил, ибо хз сколько там данных :)

А вообще лучший вариант, наверное, это всё же через апи. Его и кэшировать можно и переиспользовать.

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

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

При этом не все данные для модалок могут использоваться клиентом!
источник

PE

Polina Emelyanova in FrontCoder
😘😘😘😘
источник

PE

Polina Emelyanova in FrontCoder
Пойду спрашивать.
Но по идее - с меня только верстка... Вопрос в том, что у меня в конторе с таким никто не работал...
ПРОШУ НЕ РЖАТЬ!
Все бывает впервые.)
Мы не едлали интернет магазы.)))
источник

PO

Pavel Omelchenko in FrontCoder
Polina Emelyanova
Пойду спрашивать.
Но по идее - с меня только верстка... Вопрос в том, что у меня в конторе с таким никто не работал...
ПРОШУ НЕ РЖАТЬ!
Все бывает впервые.)
Мы не едлали интернет магазы.)))
Дык это и круто, чо ржать-то)

Прокрастинировать на том что умеешь это не круто
источник

PE

Polina Emelyanova in FrontCoder
🙏
источник

ИМ

Игорь Морозов... in FrontCoder
Добрый день, подскажите пожалуйста кто со vue работает.
Вопрос такой, нужно для v-model применить фильтр.
Почитал, вроде как нельзя, но можно обойти с помощью собственной директивы.
Суть в том, что бы значение в интупе делить "по тысячам", я написал, но работает криво, может кто подсказать как правильно сделать?
когда меняю через range работает как надо, а при вводе все ломается.
https://i.imgur.com/Awh5OR7.gif
ну и сама директива простенькая
https://i.imgur.com/8c4zulJ.png
источник
2021 January 12

s

svasta☦️ in FrontCoder
ребят, что делать
const d = new Date(1588958516)
возвращает мне почему-то 1970 год. В чем может быть дело?
источник

VF

Valentin Fedyakov in FrontCoder
svasta☦️
ребят, что делать
const d = new Date(1588958516)
возвращает мне почему-то 1970 год. В чем может быть дело?
а какой должна возвращать?
источник

s

svasta☦️ in FrontCoder
источник

VF

Valentin Fedyakov in FrontCoder
это секунд или милисекунд в таймстампе?
источник

VF

Valentin Fedyakov in FrontCoder
т.к. если секунд - то да
источник