这篇文章主要介绍“node前端需了解的知识点有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“node前端需了解的知识点有哪些”文章能帮助大家解决问题。
快速了解nodejs可以从以下几个方面来看看:node的模块概念(ECMAScript2015已支持前端很容易理解),V8引擎(和浏览器同样),异步操作(基于v8与浏览器处理略有不同),事件驱动(基于v8与浏览器略有不同),node基础API。
模块
nodejs的模块大概可以分为三种:核心模块 第三方模块 自定义模块。每种模块的加载优先级都不相同。
核心模块:nodejs内置模块,可以理解为nodejs的基础API,例如我们常用的path os fs等等。这些模块也是我们nodejs与服务器交互的基础。
第三方模块:nodejs包管理工具平台安装的npm包。
自定义模块:这个通常值的是我们自己定义的文件模块。
文件解析路径:检查是否存在缓存 =》检查是否为核心模块=》检查扩展名=》解析执行(根据不同后缀名)
//检查fs内存中的缓存是否存在如果不存在则加载fs模块
let fs = require("fs")
//检查fs内存中的缓存(无)=》检查是否核心模块=》检查扩展名
let demo = require("./demo")
缓存优先原则:由文件解析路径我们可以看出nodejs会先检查内存中的缓存是否存在,如果存在则加载缓存。
模块编译:本文不做说明,下一章节会详细说明此流程。
JavaScript模块发展的概念基本如: "script"引入=> 作用域函数=》自执行函数=〉 Commonjs(AMD)。在nodejs中的模块主要采用commonjs规范,如下所示。
每个文件就是一个模块, 有自己的作用域。
每个文件中定义的变量、函数、类都是私有的,对其它文件不可见
每个模块内部可以通过 exports
或者 module.exports
对外暴露接口
每个模块通过 require
加载另外的模块
我们在nodejs中常用require exports module.exports都是基于Commonjs来的。
异步操作
异步操作对于前端开发很易了解,我们在JavaScript中到处都充斥的异步操作,回调函数,promise,setTimeout这些都是异步相关的操作,最基础的DOM渲染也是异步的,nodejs和JavaScript关联最深的也是这块,但大家请注意这两个处理方式有一些的不同,不同点此处不在多说后续会更新。以下简述下node的异步特点:
异步是通过Event Loop实现,其中有宏任务和微任务的概念
node和JavaScript在异步的处理上有所区别
网上找到的一张事件循环的图:
V8引擎
V8 是驱动 Google Chrome 的 JavaScript 引擎的名称。 这是在使用 Chrome 浏览时获取我们的 JavaScript 并执行它的东西。
在Nodejs,v8是用来它提供了多种可调用的API
,如读写文件、网络请求、系统信息等。另一方面,因为CPU
执行的是机器码,它还负责将JavaScript
代码解释成机器指令序列执行,这部分工作是由V8引擎
完成
nodejs的内核是V8,v8是用来将JavaScript编译成机器可以识别的语言
事件驱动
事件驱动其实是软件架构中一种常用的架构模式,简单的说就是通过创建(注册)事件并监听这个事件,根据事件的状态来进行处理。nodejs中大部分核心 API 都是围绕惯用的异步事件驱动架构构建的,另外node中的核心模块events可以用来自定义创建事件。
常用API
fs:常用于文件的查看,编辑,创建等操作
http:网络的关键模块
socket:socket网络通信
events:事件模块
后台服务
脚本处理
服务端
在nodejs刚出现的几年,对于是否将nodejs应用在生产环境中,多数开发者都不看好。但是在最近几年的实践后,nodejs的单线程处理高并发场景的应用已经得到了很好的检验。目前在线上产品中已有不少基于nodejs的服务。另外nodejs也有许多类似于java spring稳定的服务端框架,下面介绍几款常用的
Koa:以洋葱模型的开发模式
Express:以路由为核心的服务端nodejs框架
Fastify:一个占用资源极小,并且速度极快的框架,目前来看,它是速度最快的框架。
注:还有很多针对于不同业务类型的框架,大家有兴趣的可以去了解下
工具
我们在使用vue或react全家桶进行开发时,你有没有去思考为何一行命令就可以运行起前端的服务?为何一行命令能够进行前端的编译?为何我们谢vue代码最终输出了一堆js?当我们去研究这些功能的源码时会发现几乎这些能力全是基于nodejs来开发。下面列举我们在日常工具中nodejs的使用。
本地服务:webpack启用的本地服务插件都是基于nodejs的http模块实现的
编译打包:vue的.vue文件react的jsx或者常用的.ts文件最后如何成为js文件的,大家都觉得是webpack其实整个webpack都是基于nodejs的其中编译文件能力就是和nodejs的fs模块息息相关的。
关于“node前端需了解的知识点有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。