проекте фронтендера нет, надо самому реализовать определенный фрагмент.
задача - есть api-ориентированный бекенд, к примеру - список статей, я его запросом подтягиваю, получаю переменную-объект с item’s статей.
следующий этап - надо все эти статьи вывести с пагинацией и прочим сахаром, но тут вопрос - как лучше всего это сделать?
пока мне попалась вот такая реализация - внутри цикла генерируем dom-объекты, навроде такого:
let div = $(«<div/>»).addClass(«items»);
for(item in items) {
let card = $(«<div/>).addClass(«card»);
let title = $(«<h5>»).addClass(«card-title»).html(items[item].title);
…
div.append(title);
}
Короче, эта тема работает ниче так, я так пару страниц накидал - пашет. Но, гложет то, что эта история жестко ограничивает верстальщика. То есть он не может, как в схеме с шаблонами, залезть и поправить каркас этого самого items -> card -> card-title. И вот я думаю - насколько мой подход оправдан? И какие лучшие практики при таком подходе?..
А почему просто форич не юзнуть?
А как он решит вопрос? Там же не в цикле трабла, а в том, что мы зашиваем в js тот код, который, обычно, должен свободно править верстальщик. Короче, не помню, как это грамотно называется, но по части ответственности какая-то фигня выходит...
Так получается не на пхп странице тянутся данные, а чистый htmlи js?
https://stackoverflow.com/questions/55976205/template-literal-loop-in-javascript
берешь форичом\фором проходишся по массиву и создаешь ему размеку как хочешь(строкой) - никаких ораничений для верстки нету
Обсуждают сегодня