jquery - 创建 AJAX 丰富的移动网站?

标签 jquery ajax performance mobile mobile-website

我正在考虑创建一个具有丰富 AJAX 和 Jquery 功能的移动网站。因此,用户可以通过手机体验以下功能:拖放、“加载...”图像、淡入和淡出对话框、阴影对话框、动态调整对话框大小等...

当移动网站首次加载时,它可能会加载一个 500kb 的 index.html 页面,其中包含必要的 CSS 和 jquery 文件。但从那时起,任何号召性用语都将异步加载 html 内容(也就是说,当用户单击“查看下 10 个搜索结果”之类的链接时,在 AJAX 调用后仅重新绘制搜索结果 DIV 容器)以便最大限度地减少数据传输。

我的目标是创建一个应用程序,提供丰富的用户界面,同时满足以下标准:

1) 响应迅速

2)限制数据传输量

3) 为最广泛的智能手机用户提供服务,而无需使用 N 个不同的框架进行开发:iPhone 的 Objective C、黑莓的 Java、?对于安卓,?适用于 Windows 移动设备

我提到的 AJAX 富移动网站方法能否满足我的要求?

最佳答案

如果您走这条 AJAX 道路,您将把自己限制在 iPhone/Android/PalmOS 用户范围内。所有其他平台(RIM、WinMob、Symbian)目前都存在问题,因为 javascript 支持不够完整,或者默认情况下没有打开。他们很快就会迎头 catch ,但仍然有很多人使用这些操作系统的旧版本(它们不会像 iPhone/Android 那样自动更新)。如果您对有限的受众感到满意,请查看 http://jqtouch.com/

此外,我赞同 Amber 的评论 - 在移动设备上设计 UI 的方式与在桌面上设计 UI 的方式非常不同。我不知道您的网络应用程序是关于什么的,但通常您在桌面上创建并在移动设备上使用(除了 Twitter 和 Facebook 等明显的异常(exception))。尽可能考虑用户在移动设备上访问您的应用程序的上下文,并将 UI 优化为单点触摸事件。如果您的应用包含用户生成的内容 - 查看最好的 Twitter 和 Facebook 应用,并比较用户在这些应用中与桌面 IU 中生成内容的方式。

突破移动设备上的界限是件好事,但要注意最终创建的内容可以达到足够广泛的目标并适合目的。祝你好运!

关于jquery - 创建 AJAX 丰富的移动网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3278123/

相关文章:

javascript - 如何在没有 jQuery、iframes 或 flash 的情况下为 IE7/8 制作 AJAX 文件 uploader ?

如果 Div 不可见,用于更新数据库的 PHP/JQuery/AJAX

python - 向量化搜索排序 numpy

MySQL:ORDER BY 与 RANGE 查询,性能不佳

php - 带有 codeigniter 的 ajax jquery。 url 不访问 Controller

jquery - Ajax-POST 成功仅 Async 为 false

ajax - MVC3 Razor Ajax表单提交

javascript - 当我使用 if/else 语句获取空记录时显示警报

javascript - 传递 JavaScript 值

c# - 为什么JIT订单会影响性能?