Javascript 如何在JS中最佳地设计（代码方面）高度交互的网页

让我先介绍一下我的背景知识，这样你就知道我的身份了，我是一名经验丰富的web开发人员，了解设计模式，并且具有性能和优化方面的背景知识。 然而，我的大部分背景都是服务器端，一直到服务器操作系统和配置。我主要用PHP和Python编写代码。我确实对HTML、JS和CSS有一定的了解——远没有把自己称为前端开发人员

我的问题是,；我目前正在做一个小的个人项目，我有一个单独的网页（不管怎样，它的主要部分），基本上有一个地图（谷歌地图），一个侧栏（在地图上显示相关数据）和一个带有控件的顶栏（影响地图+侧栏上的可见内容）。 这个页面是高度“互动”的，每一个动作，无论是在地图上、边栏上还是控件上，都会影响任意数量的其他元素。例如，单击地图上的某个位置，可能会高亮显示边栏项，反之亦然。（可能是每个动作都有一个相反的动作，或者不是……单向动作/2向动作）

构建JS库以支持这些交互的“最佳实践”或最佳设计模式是什么？我试图避免在代码中重复我自己，并且在将来使维护和添加“操作/交互”变得容易

我正在考虑构建一个PageManager对象（排序），它包含所有这些“事件”，然后使用JQuery添加这些自定义事件，从而实现双向操作的关联

我想知道您将如何着手设计主JS以及客户端专家可能有的任何其他技巧：）

你好，谢谢你的鱼。。我是说小费

---

肯。

微软最近创建了一个名为“模式与实践”的项目。它的目标是javascript和jQuery开发人员。

这是一个相当模糊的问题，它可能会被关闭和/或转移到Exchange。但是，话虽如此，您是否研究过现有的JS RIA框架，如Backbone.JS、ExtJs、Cappucino等？所有这些都是为了创建成熟的JS应用程序，并且倾向于遵循某种MVC方法。很抱歉，我的问题似乎很模糊。我想知道“事件”驱动的想法是否是实现1/2方式行动的最佳方法。就像你可能会点击标记，或者你可能会点击侧边栏-两者都会产生相同的“效果”，我个人完全欢迎你的问题。我只是说，根据SO的运作方式，你的问题可能会被转移到其他地方。更重要的是抬起头。尽管我试图远离女士。。这个项目和它的文档都非常好，并且与我所寻找的内容非常接近。：）谢谢在项目的文章中深入挖掘之后，这正是我想要的！谢谢：）