1.2 node.js带给前端的改革--阅读笔记1
2022/3/8 14:15:02
本文主要是介绍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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01Vue.js 是什么-icode9专业技术文章分享
- 2024-11-01Vue3入门教程:从零开始搭建第一个Vue3项目
- 2024-11-01详解vueRouter4基础教程
- 2024-11-01Vuex4课程:初学者的完整入门指南
- 2024-10-31Vue3课程:新手入门到初级掌握
- 2024-10-31Vue3课程:新手入门到初级应用详解
- 2024-10-31VueRouter4课程:新手入门与实战指南
- 2024-10-31Vuex4学习:从入门到初级实战教程
- 2024-10-31Vue3教程:新手入门与基础实战
- 2024-10-31Vue教程:新手快速入门指南