广告
返回顶部
首页 > 资讯 > 前端开发 > 其他 >node基础学习:前端需了解的知识【总结】
  • 696
分享到

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

Node.js前端 2023-05-14 22:05:02 696人浏览 薄情痞子
摘要

本篇文章带大家聊聊node的基础知识点,总结分享一些前端需要去了解的nodejs知识,希望对大家有所帮助!无论是前端开发还是后台开发个人认为都不应该局限于自己所在的领域,多去突破舒适圈才能有所提升,孰虽然能生巧,但我们也要知道学而不思则惘,

本篇文章带大家聊聊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:一个占用资源极小,并且速度极快的框架,目前来看,它是速度最快的框架。

注:还有很多针对于不同业务类型的框架,大家有兴趣的可以去了解下

工具

我们在使用VueReact全家桶进行开发时,你有没有去思考为何一行命令就可以运行起前端的服务?为何一行命令能够进行前端的编译?为何我们谢vue代码最终输出了一堆js?当我们去研究这些功能的源码时会发现几乎这些能力全是基于nodejs来开发。下面列举我们在日常工具中nodejs的使用。

  • 本地服务:webpack启用的本地服务插件都是基于nodejs的http模块实现的
  • 编译打包:vue的.vue文件react的jsx或者常用的.ts文件最后如何成为js文件的,大家都觉得是WEBpack其实整个webpack都是基于nodejs的其中编译文件能力就是和nodejs的fs模块息息相关的。

总结

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

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

--结束END--

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

本文链接: https://www.lsjlt.com/news/207160.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • node基础学习:前端需了解的知识【总结】
    本篇文章带大家聊聊node的基础知识点,总结分享一些前端需要去了解的nodejs知识,希望对大家有所帮助!无论是前端开发还是后台开发个人认为都不应该局限于自己所在的领域,多去突破舒适圈才能有所提升,孰虽然能生巧,但我们也要知道学而不思则惘,...
    99+
    2023-05-14
    Node.js 前端
  • 学习 SQL 之前需要了解的基础知识
    目录一、数据库基础1.1 数据库1.2 表1.3 列和数据类型1.4 行1.5 主键二、什么是 SQL三、动手实践3.1 该选哪个 DBMS?四、小结 本文为 SQL 初学者介绍了 SQL 究竟是什么,以及它能做什么事情。因为 SQL 是...
    99+
    2016-05-04
    学习 SQL 之前需要了解的基础知识
  • node前端需了解的知识点有哪些
    这篇文章主要介绍“node前端需了解的知识点有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“node前端需了解的知识点有哪些”文章能帮助大家解决问题。基本特点快速了解nodejs可以从以下几个方...
    99+
    2023-07-05
  • Java基础学习之方法的重载知识总结
    目录一、什么是方法的重载?二、构成方法重载的条件三、重点一、什么是方法的重载? 方法的重载是指一个类中可以定义多个方法名相同,但参数不同的方法。 调用时,会根据不同的参数自动匹配...
    99+
    2022-11-12
  • 学习 Python 框架 numy,你需要了解哪些基础知识?
    学习 Python 框架 numpy,你需要了解哪些基础知识? Python 是一门非常强大的编程语言,它拥有许多优秀的第三方库和框架,其中最重要的就是 numpy 了。numpy 是一款高性能的科学计算库,它提供了很多高效的数组操作函数,...
    99+
    2023-10-24
    框架 numy 学习笔记
  • 学习ASP的最佳方式:了解HTTP和Apache的基础知识
    ASP(Active Server Pages)是一种动态网页开发技术,它可以让开发者在网页中嵌入动态的、交互式的内容。要学习ASP,我们需要了解HTTP和Apache的基础知识。在本文中,我们将深入探讨这些基础知识,并演示一些代码示例,...
    99+
    2023-09-17
    http 学习笔记 apache
  • 零基础小白要学习编程,应该了解的知识有哪些,我来告诉你
    零基础小白要学习编程,应该了解的知识有哪些,小编告诉你了解计算机语言全面知识综合一般知识点包括以下分类:HTML css C语言、C++、Java、Python,部分同学还会接触到JavaScript、.net、R语言等等其他语言。在正常学...
    99+
    2023-06-03
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作