1.2 node.js带给前端的改革--阅读笔记1

前端的第一次新生：Ajax

- 起步于微软的outlook的XMLHTTP组件。

- 后来其他浏览器厂商一起实现了XMLHttpRequest这个功能。

- W3C在2006年起草了XMLHttpRequest规范。

- 实现了局部刷新和异步请求。推动了web技术发展。

- ajax之前，js引擎只能稳定的运行几十行代码。2008年google推出了V8引擎，可以运行万行代码。

前端的第二次新生：node.js

- 2009年问世，只支持mac和linux

- node.js异步操作的核心是事件驱动event loop

- 2011年，开始支持windows。

- node.js之前，js只能在浏览器这个宿主的范围内活动。

- node.js让js可以离开浏览器在服务器端开发。

- node.js丰富了js的生态。比如打包工具，webpack。

- node.js是一个集成了v8引擎，事件驱动，底层I/Oapi，并且可以使用js开发服务器端应用的环境。

- 阿里巴巴，美团，领英，IBM都有使用node.js写的服务端。

- 暂时威胁不到传统服务端语言。

- 它的事件驱动，I/O机制，容易学习，容易部署，前端语言共通性，让它成为微服务，实时应用，前端工程化的最佳技术之一。

同构js

- 同构是数学术语，是数学对象的属性之间的映射。数学研究同构，是为了把数学知识用到更多地方。

- js研究同构，是为了把js用到更多开发领域。主要说的就是，可以在浏览器也可以在服务器端。

传统网站的渲染过程

- 浏览器发送请求，服务器生成html文件发送给浏览器，浏览器渲染成页面。

- 优点：节省客户端资源，有利于SEO

- 缺点：消耗服务器计算资源，因为每个请求都要路由匹配，数据库查询，生成html文档，发送文档。

SPA

- 将路由工作交给客户端，服务器只提供json数据

- 客户端只有一个html文件，通过切换路由和数据，改变页面

- 优点：减轻服务器压力。比起html文档，json数据小的多，加速网络请求。页面由路由控制更加灵活快速。可以离线使用。

- 缺点：首屏满，出现白屏，因为要等js加载完后，才能渲染后续的html文档。客户端和服务器端语言不通，会出现数据格式不一致，路由逻辑冲突，维护难度大。不利于SEO（国外的V8引擎已经根据spa做了优化）。

- 同构js的spa，对seo和维护性和性能方面更加友好。