使用Javascript生成的网站的优点/缺点

Question

两个很好的例子是google和facebook。

我最近考虑过这种方法的动机。我最好的猜测是它几乎完全区分了你的后端语言和标记之间的逻辑。构建一个以JSON格式发送的数组似乎是维护代码的一种整洁方式，但我在这里缺少了哪些其他元素？

这种方法有哪些优点/缺点，为什么这么大规模的公司呢？

Answer 1

主要的缺点是您对网站的内容索引有一定的痛苦。

对于Google，您可以使用Crawling方案在某处解决问题。 Google支持抓取功能，允许您动态索引（无需重新加载页面）生成的网页内容。

要执行此操作，您的虚拟链接必须是如下地址：http://yoursite.com/#!/register/。在这种情况下，Google会要求http://yoursite/register/索引该地址的内容。

单击虚拟链接时，没有页面重新加载。您可以使用 onclick ：

来提供此功能

<a href='http://yoursite.com/#!/register/' onclick='showRegister()'>Register</a>

虚拟优势是页面内容在不重新加载页面的情况下发生了变化。在我的实践中，我不使用Javascript生成来执行此操作，因为我在固定位置构建我的界面。当页面重新加载时，用户没有注意到任何内容，因为界面的元素出现在预期的位置。

所以，我认为使用动态页面生成是一个很大的痛苦。我认为谷歌不是要将标记和后端分开（这不是一个真正的问题，你可以使用后端前端的复杂结构来做到这一点），而是为用户使用方便和漂亮的代表优势。

Answer 2

优点

• 查看状态保留在客户端上（从服务器中删除负载）
• 页面的部分刷新
• 服务器不需要了解导致面向服务的体系结构的HTML

缺点

• 书签（网址中的状态）难以实施
• 使其可搜索仍在进行中
• 需要一个单独的方案来支持非JS用户

Answer 3

我不是100％理解你的问题，但我会尽力在这里......

Google和Facebook都在其所有网站和产品中广泛使用JavaScript。网上的每个主要网站都使用它。

JavaScript是用于修改网站行为的技术 HTML =＆gt;定义结构和元素

CSS =＆gt;造型元素

脚本语言=＆gt;动态生成元素并用数据填充

JavaScript =＆gt;通过与DOM交互，动态响应事件和样式元素来修改上述所有内容

这就是今天网络上每个网站都称之为'方法'。没有JavaScript / HTML / CSS的替代品。您可以更改使用的数据库或脚本语言，但JavaScript / HTML / CSS是常量。

Answer 4

考虑一个简单表单验证的例子......

客户端向服务器发送请求...服务器将执行包含验证逻辑的服务器端代码，并在响应中...服务器将结果发送给客户端....

如果客户端有能力执行/处理（可以在客户端执行...）表单...（执行验证）..客户端不需要向服务器发送请求...和等待服务器响应该请求...

Answer 5

我建议你看一下Google Page Speed最佳做法http://code.google.com/intl/it-IT/speed/page-speed/，了解制作好网页的因素是什么......因为ui和逻辑分离，生成带有javascript的页面看起来很酷，但这在实践中是完全没有效率的