【发布时间】:2011-11-10 16:21:04
【问题描述】:
让我先介绍一下我的背景,以便您了解我的状态,我是一位经验丰富的 Web 开发人员,了解设计模式,并且具有性能和优化方面的背景。 但是,我的大部分背景都是服务器端到服务器操作系统及其配置。我主要用 PHP 和 Python 编写代码。我对 HTML、JS 和 CSS 有一定程度的了解——远非称自己为前端开发人员。
我的问题是这样的;我目前正在从事一个小型个人项目,其中我有一个网页(无论如何它的主要部分),它基本上有一个地图(谷歌地图),一个侧边栏(在地图上显示相关数据)和一个顶部带有控件的栏(以影响地图+侧栏上的可见内容)。 这个页面是高度“互动的”,每一个动作,无论是在地图、侧边栏还是控件上都会影响到任意数量的其他元素。例如,单击地图上的某处可能会突出显示侧边栏项目,反之亦然。 (可能每一个动作都有一个相反的动作,或者没有……单向动作/2向动作)
构建 JS 库以支持这些交互的“最佳实践”或最佳设计模式是什么?我试图避免在代码中重复自己,并使其易于维护并在将来添加“动作/交互”。
我正在考虑构建一个包含所有这些“事件”的 PageManager 对象(各种),然后使用 JQuery 添加这些自定义事件,从而实现 2 向操作的关联...
我想知道您将如何设计主要的 JS 以及您的客户端大师可能有的任何其他技巧:)
美好的一天,感谢所有的鱼..我的意思是提示..
肯。
【问题讨论】:
-
这是一个非常模糊的问题,它可能会被关闭和/或移至程序员 stackexchange。但是,话虽如此,您是否研究过现有的 JS RIA 框架,如 Backbone.js、ExtJs、Cappucino 等?所有这些都旨在创建成熟的 JS 应用程序,并倾向于遵循某种 MVC 方法。
-
对不起,我的问题似乎含糊不清。我想知道“事件”驱动的想法是否是实现 1/2 方式行动的最佳方法。就像您可以点击标记,或者您可以点击侧边栏 - 两者都应该产生相同的“效果”
-
我个人完全欢迎您提出问题。我只是说根据 SO 的运作方式,您的问题可能会在其他地方重新路由。更多的是提醒。
标签: javascript jquery user-interface coding-style conventions