javascript - 移动 Web 应用程序 - 多页面还是 AJAX?

标签 javascript jquery html ajax

我即将着手一个基于移动网络应用程序的大型项目。我将创建一个移动网络应用程序,该应用程序将具有多个屏幕、一个搜索系统和一些其他功能。

我需要为此应用程序建立一个主要框架。看来我有两个选择;多个单独的 HTML 页面,或者使用 AJAX 下载内容并将 div 移入和移出视口(viewport)。

我不必担心搜索引擎优化。我主要是寻找良好的表现。我知道 Stack Overflow 是一个关于问答的网站,这确实有些涉及意见,但我觉得根据我的标准,这个问题应该有一个可靠的答案。

如果有人可以分享他们认为对我来说这个项目的最佳选择,我将不胜感激。

最佳答案

我相信您所指的使用 AJAX 下载内容通常称为单页 Web 应用程序。这些通常涉及在客户端使用模板渲染数据以及通过 AJAX 发送和接收数据。

对于这些,有很多优秀的 JavaScript 框架选项,包括:

  • Backbone.js
  • Knockout.js
  • Angular.js
  • Ember.js

其中,Knockout 可能是最容易学习的(说真的,这个教程非常棒),但是缺乏路由让它有些失望。我自己倾向于使用 Backbone 来做这类事情,尽管如果我重新开始,我可能会选择 Angular,因为它是由 Google 开发的,而且似乎更有动力。但请尝试一些教程,看看哪一个最适合您!

所有这些都为您的用例提供了许多非常方便的功能,因为它们使您能够通过 AJAX 加载数据并轻松地在客户端呈现它。所有这些都有一个学习曲线,但它们会产生更易于维护和测试的客户端应用程序。相信我,我曾尝试仅使用 jQuery 构建这样的应用程序,我建议您避免使用它,因为它很快就会变得非常痛苦!

您的情况可能会有所不同,但总的来说,像这样的单页 Web 应用程序应该比更传统的网页表现得更好,因为应用程序加载后,与服务器的所有通信都只是发送和接收 JSON。它也可能会更简单,因为您可以在服务器端使用 Slim、Sinatra、Express 或 Flask 等轻量级 REST 框架,只需在主页上提供静态内容,然后通过 AJAX 执行其他所有操作。

关于javascript - 移动 Web 应用程序 - 多页面还是 AJAX?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22011676/

相关文章:

jquery - Chrome 使用 jcrop 时显示全尺寸图像

javascript - 鼠标悬停时显示 div 无法正常工作

javascript - 如何在脚本中引用引号内的图像

javascript - 使用 javascript 更改计时器上的 "background-image:"不起作用

javascript - 在 CouchApp 文件夹结构中将自定义验证函数放在哪里?

javascript - Eslint 无法读取配置文件

jquery - 如何使用 CSS 调整 jQuery 轮播的大小?

javascript - 使用 Apify 进行网页抓取

javascript - 如何在javascript中组合两个对象?

javascript - Flash 窃取浏览器焦点