前端的第一次新生：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和维护性和性能方面更加友好。
原文地址：https://www.cnblogs.com/phoenixzhang/p/15979966.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。