javascript - jquery , jquery ui 和 jquery mobile 如何组合在一起

Question

如果目标是开发一个当前可在台式计算机上使用但最终也将支持移动设备(如智能手机或平板电脑)的网络应用程序，在组织代码时建议采取哪些策略？是否应该为桌面客户端提供一套代码，然后为移动客户端提供一套代码？过去我使用过 jquery 和 jquery ui 。 jquery、jquery ui 和 jquery mobile 如何在 web 应用程序中组合在一起？为非移动网络客户端和移动网络客户端开发之间的主要区别是什么？我正在使用 asp.net mvc 。我的发起人更喜欢单页网络应用程序。所以我正在研究 Knockout.js 。我也在研究一些小部件集，例如 dhtmlx jqwidgets请随时对我的选择发表评论。

Answer 1

为了简单和简短 - 你应该使用(或考虑使用)Responsive Web Design .主要思想是开发 CSS 以根据屏幕宽度处理调整大小/重组。这使您能够处理屏幕足够宽以被识别为桌面屏幕的情况，同时能够调整为移动屏幕尺寸 - 无论设备如何。

让您的 CSS 调整页面上元素的大小/位置可以让您拥有适用于所有用户的一组代码(没有单独的移动/桌面网站)。您只需花费更多的时间和精力来设计您的网站来处理页面宽度的大小调整。

jquery 库在移动设备上的工作方式与在“传统”平台上的工作方式相同。不过，有时您可能想要利用各种 jquery 库的移动增强版本。

• 举个例子:当您在导航菜单上嵌套链接时，您点击一个类别(例如“衬衫”)，然后是一个子类别(例如“纽扣”)，然后是一个子类别类别，例如“蓝色”。在“传统”平台上，用户可以将鼠标光标悬停在元素上以展开嵌套——在移动平台上，用户可能希望点击每个类别/子类别以展开嵌套的导航按钮。

这完全取决于您网站的设计 - 在设计响应式网站时，我通常在用于“移动”和“桌面”设备的 View 之间的脚本变化很小 - 所以两者的开发对我来说都没有变化，我将新网站视为“响应式”网站，并从一开始就在设计时考虑到可调整大小的浏览器。

此外，要进一步详细说明 jquery、jquery ui 和 jquery mobile 库的细节，请参阅 link that Tats_innit referenced .