非零基础自学前端最后一遍前端工程化基础 1 邂逅Node.js开发 1.1 邂逅Node和Node的架构

野性酷女 2024-03-22 16:02 82阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  前端工程化基础
         *  1 邂逅Node.js开发
         *   *  1.1 邂逅Node和Node的架构
             *   *  1.1.1 Node.js是什么
                 *  1.1.2 浏览器和Node.js架构区别
                 *  1.1.3 Node.js架构

![在这里插入图片描述][de87e79eebc0403287eb722c691ebf19.png_pic_center]

#### 前端工程化基础 ####

#### 1 邂逅Node.js开发 ####

##### 1.1 邂逅Node和Node的架构 #####

###### 1.1.1 Node.js是什么 ######

*  官方对Node.js的定义：
    
     *  Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。
        
        ![在这里插入图片描述][916cbdd8d8b844ca9b065e0c155cc011.png_pic_center]
 *  也就是说Node.js基于V8引擎来执行JavaScript的代码，但是不仅仅只有V8引擎：
    
     *  前面我们知道V8可以嵌入到任何C ++应用程序中，无论是Chrome还是Node.js，事实上都是嵌入了V8引擎来执行 JavaScript代码；
     *  但是在Chrome浏览器中，还需要解析、渲染HTML、CSS等相关渲染引擎，另外还需要提供支持浏览器操作的API、浏览器 自己的事件循环等；
     *  另外，在Node.js中我们也需要进行一些额外的操作，比如文件系统读/写、网络IO、加密、压缩解压文件等操作；

###### 1.1.2 浏览器和Node.js架构区别 ######

我们可以简单理解规划出Node.js和浏览器的差异：

![在这里插入图片描述][405b9ba1f5224e08a31654a34b6425b3.png_pic_center]

###### 1.1.3 Node.js架构 ######

*  我们来看一个单独的Node.js的架构图：
    
     *  我们编写的JavaScript代码会经过V8引擎，再通过Node.js的Bindings，将任务放到Libuv的事件循环中；
     *  libuv（Unicorn Velociraptor—独角伶盗龙）是使用C语言编写的库；
     *  libuv提供了事件循环、文件系统读写、网络IO、线程池等等内容；

![在这里插入图片描述][d92ed9753ef94ee495f5dbe969ec35b7.png_pic_center]

[de87e79eebc0403287eb722c691ebf19.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/c85bfdcf7c9947d99910c130fec02fd6.png
[916cbdd8d8b844ca9b065e0c155cc011.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/278dee8c9b824d6ea7dabbfb0fab066f.png
[405b9ba1f5224e08a31654a34b6425b3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/77c17c2995aa4db586674cfdbea4dee6.png
[d92ed9753ef94ee495f5dbe969ec35b7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/d886516c40ed45148f527e1419fd653d.png