使用 javascript/jQuery 实现的单页应用程序 [关闭]答案

【问题标题】：single page application implemented with javascript/jQuery [closed]使用 javascript/jQuery 实现的单页应用程序 [关闭]
【发布时间】：2015-09-06 19:42:02
【问题描述】：

您好，我正在寻找一个非常简单的使用纯 javascript/jquery 实现的单页 Web 应用程序示例。不想使用角骨干余烬等。

【问题讨论】：

Architecture for single page application (JavaScript)的可能重复
有人回答这个问题吗？？或者只是想标记这个重复...？？有人吗？
你试过谷歌吗？网络上到处都是这样的简单示例
@svarog 你有没有尝试理解甚至阅读我的问题.. 请尝试理解我想要什么。任何非常简单的哈希链接实现示例。
@shikharchauhan 你从来没有提到哈希链接。该问题要求提供一个使用 JavaScript 的网页示例......你可以在任何地方获得它。您没有说它应该具有哪些功能，即使您说了，您也可以自己研究它们。这就是问题被关闭的原因。这个问题可能很“简单”，但它也非常开放，完全不适合以 SO 风格回答。

标签： javascript jquery single-page-application

【解决方案1】：

2021 年更新：

快到 2021 年底了，我想如果可能的话，我会提供一个更新的解决方案/指南。我最终找到了一个，几年前创建的，它使用现代工具（npm、webpack、ES6 等）：

spa-without-framework

但是，我查看了以下最初的三个指南，TBH 6 年后它们仍然相关！您应该选择哪一个完全取决于最适合您的需求。

这里有一些链接可以帮助您指明正确的方向。如果您不想使用任何框架（Angular、Backbone 等），这些链接会很好。他们使用 jQuery，也许还有另一个库/插件。希望他们有所帮助！

Guide A - 使用 jQuery 库 handlebars

Guide B - 使用 jQuery 插件 bbq

Guide C - 使用 jQuery 插件 sammy.js

【讨论】：

感谢@nightowlprgmr 指南 B 看起来很有用，我进一步探索它......谢谢你！
没问题，@shikharchauhan！
sammy.js 不错！

【解决方案2】：

Edit 2021：现在我建议HTML5 Boilerplate 。非常简单的模板，易于使用且有据可查。这是一种无需学习 javascript 框架即可入门的好方法。

【讨论】：

链接无效；请更新链接
固定死链接
我认为您的回答与 OP 的要求无关，因为 HTML5 Boilerplate 不适用于创建 SPA。它可能具有该功能，但没有提及或解释如何执行此操作。我也找不到任何指导您使用 HTML5 样板设置 SPA 的指南。简而言之，人们会花更多的时间来破解模板，让它作为一个 SPA 工作，这样他们会更好地使用其他东西。