5

我已经阅读了 Luke WROBLEWSKI 的《Mobile first》一书以及有关该主题的许多其他读物。我是一名网络开发人员，现在我真的坚信“移动优先”或“渐进式增强”是要走的路。

现在我正在寻找一个框架来实现这一点。

JQuery mobile 宣布它们是“移动优先”，但我已经尝试了几天，现在我倾向于说“不，它不是”。您不能将其与其他框架混合使用；它确实有一些技巧，比如将所有页面保留在 DOM 中（使用 ajax 强制加载），所以它不会让我的生活更轻松。尝试使用它进行渐进式增强并通过桌面版本完成而不卸载它似乎是不可能的。我的意思是你不想在台式电脑上有大按钮，所以我想我只需要删除框架的 js&css，这听起来很奇怪。我什至不知道这是否可能。

JQuery mobile 看起来像一个框架，用于实现您网站的专用移动 Web 版本，其外观和感觉更像是原生应用程序，而不是移动优先网站。

所以请有人告诉我我错在哪里：* jQuery mobile 真的是“移动优先”吗？* 我可以使用 jquery mobile 进行渐进式增强（以桌面作为最后一个目标）吗？如果是，请告诉我如何。

这是相应的页面，告诉 jquerymobile 首先是移动设备：http: //view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

我也尝试过 zurb 的基础，它运行良好，但没有提供足够的小部件或工具来提供漂亮的 mobiel UI。混合两者将是一个很好的点，但它需要很多工作（CSS冲突+可能是JS冲突），我什至不知道这是否可能。

欢迎任何关于如何在移动优先环境中使用 jquery mobile 的建议！

4

2 回答 2

8

基本理念

让我们从头说起，让大家明白，移动优先的定义是：

移动优先是指网站首先应针对移动设备设计，仅包括网站访问者最常使用的任务/项目。然后随着屏幕空间的增加，根据用户优先级根据需要添加任务/功能。

引用自这里。

jQuery Mobile 的优缺点

根据我的经验，没有任何现有框架可以完全归类为mobile first。jQuery Mobile 已关闭但还不够。

首先，我同意您的说法，即 jQuery Mobile 不能与其他框架一起使用。jQM 是一个高度可定制的框架，它可以完全定制到几乎非常其他可用的框架。

如果您想使用骨干网或淘汰赛，可以将其定制为他们的 MVP 或 MVC 架构。如果您想将它与类似的框架一起使用，他们只使用您想要的 jQM功能。你只需要谷歌它。

但是，我会不断重复，目前 jQM 不是一个好的“开箱即用”桌面开发平台。这就是事实。虽然它确实提供了适用于桌面浏览器的小部件，但它们看起来仍然像超大的移动小部件。

第二大缺点是他们的官方文档。虽然在某些部分非常详细，但它有大量错误、不存在的示例、缺乏 API 描述。看起来有人向您解释了什么是汽车，但忘记提及如何正确驾驶它。

好例子

这可以修复，不幸的是只能通过大量定制。根据定义，这不是移动优先框架。但是为了让我的观点更准确，这里有一个在移动/桌面环境中使用 jQM 的好例子：Mobile Songmeanings。尊重那些开发人员，他们在将移动设备与桌面合并方面做得非常出色。不幸的是，这只是平庸海洋中美丽的一滴水。

通用解决方案

最常见的解决此问题的方法是将 jQM 用于移动设备，将 jQ UI 用于桌面环境。我们还应该在这个组合中添加一个Modernizer，因为我们需要它：

  • 将移动环境与桌面环境分开
  • 根据检测到的环境创建动态内容加载器（js 和 css）

最后的想法

如果您想要简单的开箱即用解决方案，那么我不建议使用jQuery Mobile。需要几个月的学习、开发和测试，好的和坏的方面，如何将它与其他框架一起使用等等，才能完全理解它。

于 2013-03-29T12:25:49.190 回答
1

Moff.js - Javascript 移动优先框架。它遵循所有移动优先技术和要求。您可以轻松创建移动首页。首先为移动设备创建页面，然后根据用户请求或通过将窗口扩展到平板电脑或台式机等大型设备来加载页面的其他部分。这是关于其功能的文章。

于 2015-11-20T10:32:28.693 回答