Questions tagged «singlepage»

8
“单页” JS网站和SEO
如今,有许多很酷的工具可用于创建功能强大的“单页” JavaScript网站。在我看来,这是通过让服务器充当API(仅此而已)和让客户端处理所有HTML生成内容来正确完成的。这种“模式”的问题是缺乏搜索引擎支持。我可以想到两种解决方案: 当用户进入网站时,让服务器完全按照客户端在导航时的方式呈现页面。因此,如果我http://example.com/my_path直接进入服务器,它将呈现与客户端/my_path通过pushState 呈现的事物相同的东西。 让服务器仅为搜索引擎机器人提供一个特殊的网站。如果普通用户访问http://example.com/my_path服务器,则应向他提供该网站的JavaScript重型版本。但是,如果Google漫游器访问,服务器应为其提供一些最小的HTML,其中包含我希望Google索引的内容。 第一种解决方案将在此处进一步讨论。我一直在一个网站上这样做,这不是一个很好的体验。它不是DRY,在我的情况下,我必须为客户端和服务器使用两个不同的模板引擎。 我想我已经看到了一些不错的Flash网站的第二种解决方案。与第一种方法相比,我更喜欢这种方法,并且在服务器上使用正确的工具可以轻松完成。 所以我真正想知道的是以下内容: 您能想到更好的解决方案吗? 第二种解决方案的缺点是什么?如果Google以某种方式发现我没有像普通用户一样为Google机器人提供完全相同的内容,那么我将在搜索结果中受到惩罚吗?

2
用于构建单页应用程序的JavaScript框架
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。 改善这个问题 我的目标是将现有的Web应用程序迁移到RESTful 单页应用程序(SPA)。当前,我正在评估几个Javascript Web应用程序框架。 我的要求如下: RESTful数据层(如ember-data) MV *-结构 动态路线 测试支持 按照惯例编码 SEO支持 浏览器历史记录支持 好的(API-)文档 准备生产 生活社区 骨干 当前应用程序正在使用backbone.js。总体而言,这backbone.js是一个不错的项目,但是我缺少定义明确的结构来确定必须在何处发生以及必须如何实施。与不断变化的开发人员组成一个更大的团队,这会导致某种非结构化的代码,难以维护且难以理解。这就是为什么我现在要搜索一个已经定义了所有这些东西的框架的原因。 余烬 我看着ember.js最后的日子。这种方法对我来说似乎很有希望。但是,不幸的是,代码几乎每天都会更改。因此,我不会称其为生产就绪。而且,不幸的是,我们迫不及待要等待它成为1.0版。但是我真的很喜欢这个框架背后的想法。 角度的 Angular.js也是一个广泛传播的框架,由Google维护。但是我不熟悉角度。对我来说,结构似乎还不清楚,缺少框架各部分的总体职责的解释,并且实现方式circuit回曲折。只是为了直截了当:这只是我个人的印象,可能基于缺少的知识。 蝙蝠侠与流星 据我了解,两个框架也都需要服务器部分。而且由于我们只想要一个RESTful后端-不管是什么语言,技术或软件,这都不是我们想要的。此外,后端API确实已经存在(RoR)。 敲除,CanJS和脊柱 我没有更深入地介绍这三个候选人。也许这将是我的下一步。 所以我现在的问题是: 我是否缺少任何出色的SPA框架? 您会建议/推荐什么框架? 您会避免提及任何框架吗? 您在较大的SP应用程序中有什么经验? PS:我想推荐一个伟大的博文由史蒂芬·安德森(从Knockout.js核心开发人员)约(自2012年)的“JS王座” -会议和JavaScript框架一般。 PS:是的,我知道已经有一些问题了。但是,由于SPA的发展是如此迅速和迅速,因此大多数SPA已经过时了。

14
单页JavaScript Web应用程序的体系结构?
如何在客户端上构建复杂的单页JS Web应用程序?具体来说,我很好奇如何根据应用程序的模型对象,UI组件,任何控制器以及处理服务器持久性的对象来干净地构建应用程序。 起初,MVC似乎很合适。但是,由于UI组件嵌套在不同的深度(每个组件都有自己的作用于模型数据/对模型数据进行响应的方式,并且每个组件都会生成它们自己可能会或可能不会直接处理的事件),因此似乎无法完全应用MVC。(但如果不是这种情况,请纠正我。) - (此问题提出了关于使用ajax的两个建议,显然,除了最简单的一页应用程序之外,其他任何东西都需要使用ajax。)
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.