标签：node 同构 浏览器 1.2 -- js html 路由

前端的第一次新生：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和维护性和性能方面更加友好。

标签：node,同构,浏览器,1.2,--,js,html,路由
来源： https://www.cnblogs.com/phoenixzhang/p/15979966.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。