Javascript

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

本文主要是介绍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和维护性和性能方面更加友好。

这篇关于1.2 node.js带给前端的改革--阅读笔记1的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!