基本思想
让我们从头开始,让大家明白,定义移动优先 is:
移动优先是网站设计时应首先针对的理念
移动设备,仅包括网站访问者执行的任务/项目
使用最多。然后随着屏幕空间的增加,添加任务/功能
根据用户优先级的需要。
引用自here http://mobilegovwiki.howto.gov/Mobile+First.
jQuery Mobile 的优点和缺点
根据我的经验,没有任何现有框架可以完全归类为移动优先。 jQuery Mobile 已关闭,但还不够。
首先,我同意你的说法,即 jQuery Mobile 不能与其他框架一起使用。 jQM 是一个高度可定制的框架,它可以在很大程度上定制为几乎所有其他可用的框架。
如果你想使用backbone或knockout,它可以根据他们的MVP或MVC架构进行定制。如果你想将它与类似的框架一起使用,他们只使用 jQM功能性 http://jquerymobile.com/download-builder/你要。你只需要谷歌一下就可以了。
但是,我会不断重复,目前 jQM 并不是一个好的“开箱即用”桌面开发平台。这就是事实。虽然它确实提供了适合桌面浏览器的小部件,但它们看起来仍然像超大的移动小部件。
第二大缺点是他们的官方文档。虽然在某些部分非常详细,但它有大量错误、不存在的示例、缺乏 API 描述。看起来有人向你解释了什么是汽车,但忘记提及如何正确驾驶它。
好例子
不幸的是,这个问题可以通过大量定制来解决。根据定义,这不是移动优先框架。但为了让我的观点更准确,这里有一个在移动/桌面环境中使用 jQM 的好例子:手机歌曲含义 http://www.songmeanings.net/m。尊敬那些开发人员,他们在将移动设备与桌面设备融合方面做得非常出色。不幸的是,这只是平庸海洋中美丽的一滴。
通用解决方案
此问题最常见的解决方法是对移动设备使用 jQM,对桌面环境使用 jQ UI。我们还应该添加一个现代化者 http://modernizr.com/进入这个组合,因为我们需要它:
- 将移动环境与桌面环境分开
- 根据检测到的环境创建动态内容加载器(js 和 css)
最后的想法
如果你想要轻松开箱即用那么我不建议解决方案jQuery 移动用法。需要几个月的偶然学习、开发和测试、好的和坏的方面、如何与其他框架一起使用等等才能完全理解它。