第一部分 简介与关键概念

第一部分 简介与关键概念

“黄金时代”一词最早源自早期的希腊和罗马诗人,而现在就成为了技术革新时段的代名词。在 20 世纪广播电视的黄金时代,作家和艺术家将他们的技能运用于新的媒介中,创造出了各种新鲜和引人注目的内容。或许我们现在就处于 JavaScript 的黄金时代,尽管这需要时间证明。但毫无疑问,JavaScript 已经为在浏览器中运行类似于桌面程序的应用这一新时代铺好了道路。

在过去的十年中,Web 已经演进为一个构建丰富、高度交互应用的平台。浏览器不再仅仅是一个文档渲染工具,Web 也不再仅仅是将各种文档链接到一起。网站已经发展为 Web 应用。这意味着越来越多的 Web 应用逻辑将会在浏览器端,而非服务器端运行。然而,在过去的十年中,用户的期望也在不断提高,首屏加载速度显得越发重要。Radware 的一份报告(http://www.slideshare.net/Radware/2015-spring-state-of-the-union-ecommerce-page-speed-web-performance-infographic)显示,1999 年,一般用户愿意等待的页面加载时间为 8 秒。到 2010 年,57% 的在线购物者称,如果一个页面在 3 秒之内没有显示任何内容,那么他们就会将它关闭。调查结果正好反映出了 JavaScript 黄金时代的问题所在:客户端 JavaScript 在丰富页面内容和增强交互性的同时,也延长了页面加载时间,这使得用户在初次加载时的体验非常糟糕。页面加载时间最终会影响公司的效益。amazon.com 和 walmart.com 的报告都显示:页面加载时间每缩短 100 毫秒,他们的收入就会获得高达 1% 的增长(http://www.globaldots.com/how-website-speed-affects-conversion-rates/)。

我们将在本书的第一部分中介绍同构 JavaScript 的概念,以及同构渲染如何大幅提升用户体验。我们还将以图谱的形式探讨同构 JavaScript,简述几种不同类型的同构代码。最后,我们将目光放远,看看同构 JavaScript 如何基于服务器端渲染技术,创建出复杂、实时更新、支持协作的实时应用。

目录