Если мы используем MVC для наших веб-страниц, особенно если мы просто изменим данные (модель) и позволим представлению просто «наблюдать» за моделью, так что любые изменения, внесенные в модель, представление будет автоматически обновляться и отражать модель, как мы можем иметь анимацию еще?
(Обновление: представление — это просто шаблон, такой как «Усы» или «Рули», например, в can.js, так как же мы можем анимировать?)
Например, если у нас есть два ряда карт. Пользователь может щелкнуть первую строку, чтобы «переместить» карточку во вторую строку. Таким образом, мы можем затемнить карту в строке 1 и затемнить карту до конца строки 2, если мы не используем MVC. Однако, если мы на самом деле используем 2 массива и позволяем 2 представлениям наблюдать за этими 2 массивами, и независимо от того, как изменяются два массива, представления отражают модель, то как мы можем на самом деле добиться постепенного исчезновения и появления? Я могу только подумать, если представление использует opacity: 0
, чтобы не показывать карту, и использует переход CSS, чтобы мы анимировали исчезновение и появление карт, но тогда карты все равно будут отображаться как пустое пространство (все еще занимая место на экране) после непрозрачность равна 0. Вопрос в том, как мы можем позволить просмотру автоматически показывать, что представляет собой модель, но при этом иметь анимацию?