使用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

缺点

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

Answer 3

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

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

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

CSS =>样式化元素

脚本语言=>动态生成元素并用数据填充它们

JavaScript =>通过与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的页面似乎很酷，但在实践中它是完全低效的