Лучший способ отделить данные от DOM

Question

У меня есть этот инструмент для отслеживания времени / управления задачами, над которым я работаю, который называется Task Ranger .В основном вы создаете дерево задач и подзадач, нажимаете на любую задачу, над которой вы сейчас работаете, и ваше время для этой задачи отслеживается.

Я хочу добавить функцию, с помощью которой пользователь может просматривать свое время для определенного диапазона дат (например, «На что я потратил свое время на прошлой неделе?»). Я думаю, что хочу получитьна вкладке, которую я могу щелкнуть, чтобы перейти из представления «Основной» в представление «История».

Проблема в том, что сейчас я сохраняю свои данные, просто сохраняя все в DOM и выгружая весь HTMLструктурировать в localStorage.Чтобы заставить работать представление истории, мне нужно отделить данные от HTML, верно?Я предполагаю, что MVC-фреймворк - это типичный способ сделать это, верно?Я смотрел на Backbone, но чувствую, что это может быть немного излишним для этого.Я думаю, может быть, я должен свернуть свою простую маленькую вещьКак вы думаете?

Я использую Javascript + Jquery для всего этого прямо сейчас.

Answer 1

Backbone примерно такой же легкий, как вы можете получить MVC.Если бы я написал свой собственный каркас micro MVC, он бы конвертировался в магистраль в течение недели.

Я бы настоятельно рекомендовал Backbone вместо написания собственного, потому что он хорошо структурирован и слабо связан.Вы можете использовать только те функции магистрали, которые вам нужны.Поскольку вы уже включили jQuery, есть небольшие издержки по включению backbone, а.

Backbone отлично подходит для структурирования и организации вашего кода.

Вы можете использовать адаптер backbone-localstorage для сохранения ваших моделей в localStorage.

Затем вы можете сохранить список всех ваших моделей или получить их с сервера RESTful.для вашей истории.

Твердой альтернативой магистрали будет позвоночник , которая также является легкой библиотекой MVC.Позвоночник имеет более традиционное отношение MVC и составляет всего 2 КБ