Как лучше всего разработать (с точки зрения кода) интерактивную веб-страницу в JS - PullRequest
0 голосов
/ 10 ноября 2011

Позвольте мне вначале рассказать немного о себе, чтобы вы знали, каков мой статус, я опытный веб-разработчик, знаком с шаблонами проектирования и имею опыт работы и оптимизации. Тем не менее, большая часть моего опыта работы на стороне сервера связана с ОС сервера и его конфигурацией. Я кодирую в основном на PHP и Python. Я знаю HTML, JS и CSS на определенном уровне - далеко не называя себя разработчиком внешнего интерфейса.

Мой вопрос такой; В настоящее время я работаю над небольшим личным проектом, в котором у меня есть одна веб-страница (основная ее часть в любом случае), которая имеет в основном карту (карту Google), боковую панель (отображать соответствующие данные на карте) и верхнюю часть. панель с элементами управления (чтобы отобразить то, что видно на карте + боковая панель). Эта страница очень «интерактивная», и любое действие, будь то на карте, на боковой панели или в элементах управления, влияет на любое количество других элементов. например, щелкнув где-нибудь на карте, можно выделить элемент боковой панели и наоборот. (может быть, что для каждого действия есть противоположное действие или нет ... 1-сторонние действия / 2-сторонние действия)

Каковы "лучшие практики" или лучшие шаблоны проектирования для создания библиотеки JS для поддержки этих взаимодействий? Я стараюсь не повторяться в коде, а также облегчаю поддержку и добавляю «действия / взаимодействия» в будущем.

Я думал о создании объекта PageManager (своего рода), который имеет все эти "события", а затем использовал JQuery для добавления этих пользовательских событий, таким образом, обеспечивая корреляцию двухсторонних действий ...

Я хотел бы знать, как вы будете разрабатывать основной JS, и любые другие советы, которые могут быть у вас на стороне клиента:)

Добрый день и спасибо за всю рыбу .. я имею в виду советы ..

Кен.

1 Ответ

2 голосов
/ 10 ноября 2011

Microsoft недавно создала проект шаблонов и практик под названием Project Silk: клиентская веб-разработка для современных браузеров . Он предназначен для разработчиков javascript и jQuery.

...