登录  /  注册
首页 > web前端 > js教程 > 正文

node基础学习:前端需了解的知识【总结】

青灯夜游
发布: 2023-03-30 20:51:36
转载
1762人浏览过

本篇文章带大家聊聊node的基础知识点,总结分享一些前端需要去了解的nodejs知识,希望对大家有所帮助!

node基础学习:前端需了解的知识【总结】

无论是前端开发还是后台开发个人认为都不应该局限于自己所在的领域,多去突破舒适圈才能有所提升,孰虽然能生巧,但我们也要知道学而不思则惘,所以了解下和前端关联最深的服务端知识很有必要,而nodejs的出现可以说是使得前端开发去了解后台有了更为快捷的路径。以下是自己以前端的角度去学习nodejs的一些经验。

基本特点

快速了解nodejs可以从以下几个方面来看看:node的模块概念(ECMAScript2015已支持前端很容易理解),V8引擎(和浏览器同样),异步操作(基于v8与浏览器处理略有不同),事件驱动(基于v8与浏览器略有不同),node基础API。【相关教程推荐:nodejs视频教程编程教学

模块

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在异步的处理上有所区别

网上找到的一张事件循环的图:image.png

V8引擎

  • V8 是驱动 Google Chrome 的 JavaScript 引擎的名称。 这是在使用 Chrome 浏览时获取我们的 JavaScript 并执行它的东西。
  • 在Nodejs,v8是用来它提供了多种可调用的API,如读写文件、网络请求、系统信息等。另一方面,因为CPU执行的是机器码,它还负责将JavaScript代码解释成机器指令序列执行,这部分工作是由V8引擎完成

image.pngnodejs的内核是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模块息息相关的。

总结

以前端的角度大概说了下nodejs的基础,每一个点都能单独的拿出来说很多,这里只是让大家对node有个大概的了解,方便后续的学习。目前个人也是用nodejs完成了不少项目,用多了之后能够以更广泛的视角去看前端的一些技术发展。

更多node相关知识,请访问:nodejs 教程

以上就是node基础学习:前端需了解的知识【总结】的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号