Как правильно организовать взаимодействие с формой?

Question

[McThinker]

ШАГ 1 Пришли данные с сервера, отрисовал
в div class="main" > div1

ШАГ 2 по клику на кнопку "Изменить" скрыл div1 и вместо него отрисовал форму div class="main" > div2,
ШАГ 3 по клику на кнопку "Сохранить" скрыл div2 и отрисовал div class="main" > div3 и отправил на сервер

Насколько правильно думаю?

Answer 1

[Алексей]

Если эти дивы больше не нужны - можно не скрывать, а удалять из DOM. Но это имеет смысл тогда, когда таких Дивов будет очень много.

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

Comments

[McThinker]

проблема в том, что удалять не получится. "Изменить" и Сохранять я должен уметь до бесконечности. Думаю как мне меньше нагружать DOM

[Шохрух Шаймардонов]

McThinker, ну меньше нагржать вряд-ли получится. Вне зависимости, удаляете вы элемент из или скрываете, он перерисовывается... А все это на плечах клиента(возможно со слабым железом).

[McThinker]

Шохрух Шаймардонов, я бы попробовал и ализовать на vue is, но проект старый и подключать ещё что то не резонно, но нужно красиво без перезагрузки страницы, вот и решил так написать. Костыль или нормальная практика?

[Шохрух Шаймардонов]

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

Так что, будь на вашем месте я, сказал бы, что костыль)