邂逅NodeJS

Posted 2021-07-25 coder斌

邂逅NodeJS

• • 浏览器的内核与JS引擎
  • • 不同浏览器的不同内核
    • 什么是浏览器的内核
    • 渲染引擎的工作过程
  • 什么是NodeJS
  • NodeJS的使用
  • • Node的版本管理工具
  • Node的REPL

浏览器的内核与JS引擎

不同浏览器的不同内核

• Gecko 火狐浏览器
• Trident 微软开发，用于 IE浏览器，不久前微软也停止开始对 IE的维护。
• Blink Google Chrome浏览器，微软新型浏览器 Edge, Opera浏览器
• Webkit 苹果公司 开发，用于Safari

什么是浏览器的内核

浏览器内核指的是 浏览器的排版引擎。

排版引擎又叫浏览器引擎，页面渲渲染引擎。

渲染引擎的工作过程

也就是浏览器拿到html文件后如何渲染。

浏览器在解析HTML代码是从上到下进行解析，若碰到了 script标签，会停止解析HTML，而是会加载 javascript代码。WHY 不是异步加载呢。

因为JavaScript会可以操作 DOM，浏览器会让 HTML生成的DOM和JavaScript操作的DOM 一起形成 DOM树，这样浏览器就不要反复去生成新的 DOM树。

而JavaScript代码是交给JavaScript引擎来执行的

我了解的一点点关于JavaScript引擎的知识是关于 V8引擎的。

• parser解析器，将JavaScript代码源代码 解析成抽象语法树。
• ignition解释器，将抽象语法树 转换成 字节码，其实此时就可以执行了。
• TurboFan解释器，V8具有如下的机制，为了提高执行效率，如果某个方法经常被调用，那么这个函数挥别标记成热点函数，并将其转换为机器码再执行，以提高执行效率。但是若这个热点函数有改变，机器码又会反过来影响 字节码。

什么是NodeJS

NodeJS 是 一个基于 V8 JavaScript引擎的JavaScript运行环境。

已经知道浏览器可以执行JS代码，NodeJS也可以执行JS代码，那么两个有什么不同？

浏览器再执行JS的基础上，还要解析HTML，CSS之类的。但是NodeJS不要。

NodeJS的使用

安装：官网点击下载

安装完Node之后，Node自带一个包管理工具 npm

理论上一台机器只能安装一个版本的Nodejs。要是我们想要多个呢？

Node的版本管理工具

• mac 电脑可以安装 nvm 和 n 。 安装npm install 工具名字 -g进行全局安装。
• window 可以安装另一个版本的 nvm。以下演示：

我是window系统，就以window的版本管理工具演示：

• 安装工具 好像是没有直接命令安装的，只能在Github上下载, nvm-windows仓库地址
• 

使用

• nvm -v查看当前nvm版本
• nvm -h 查看使用帮助
• nvm list本机上安装了哪些版本的 NodeJS
• nvm list available 查看当前可以的node版本有哪些，如何可以对应下载版本。
• nvm install 版本号 安装对应版本的Node
• nvm use 版本号 使用本机安装好且版本号为输入值得Node

在Node环境下执行JS代码

在Node环境下传递参数给JS文件

Node的REPL

REPL是一个简单的、交互式的编程环境

浏览器也存在 REPL

L

REPL是一个简单的、交互式的编程环境

浏览器也存在 REPL