Доброго дня! Вынужден писать интерфейс на Ajax запросах. Так убого получается. Нужно генерить элементы DOM из JS.
Ничего лучше Jquery я не придумал, и получается такая здоровая портянка:
let hTpl = '<div data-guid = "#GUID" class = "col-md-12 project-container__item">\
<span class = "project-item__number">#NUMBER</span>\
<span class = "project-item__title">#NAME</span>\
<div class = "project-item__control">\
<img src = "img/i_play.png">\
<img src = "img/i_refresh.png">\
</div>\
<div class = "project-item__progress">\
<progress class = "midea-progress--little" max="100" value="#PROGRESS"></progress>\
<span class = "midea-progress--little">#PROGRESS%</span>\
</div>\
</div>';
hTpl = hTpl.replaceAll('#NAME', arProject[ii].NAME);
hTpl = hTpl.replaceAll('#GUID', arProject[ii].GUID);
hTpl = hTpl.replaceAll('#NUMBER', ii);
hTpl = hTpl.replaceAll('#PROGRESS', arProject[ii].PROGRESS);
Есть способы построения интерфейса красиво и лаконично? У меня все функции здоровенные.
Также я до сих пор все события назначаю через
$(document).ready(function () {
$('.js-progress-reload').click(function () {});
$('.js-progress-stop').click(function () {});
});
И опять же здоровая такая эта функция выходит, когда много написал сложно поддерживать. Может профессионалы поделятся опытом как организовывают всю логику интерфейса, может сейчас к 2021 вышли новые методики, стандарты, фреймворки. Сам я из 2015))) Последние проекты в том году писал.
