【问题标题】:How to best design (code wise) a highly interactive web page in JS如何在 JS 中最好地设计(代码方面)高度交互的网页
【发布时间】: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


【解决方案1】:

Microsoft 最近创建了一个名为 Project Silk: Client-Side Web Development for Modern Browsers 的模式和实践项目。它面向 javascript 和 jQuery 开发人员。

【讨论】:

  • 虽然我尽量远离 MS.. 这个项目及其文档非常好,并且与我所寻找的非常接近。 :) 谢谢!
  • 在深入研究了项目的文章之后,这正是我想要的正是!谢谢你:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-08-15
  • 1970-01-01
  • 2016-07-03
  • 1970-01-01
  • 2019-08-21
  • 2022-01-08
相关资源
最近更新 更多