邂逅NodeJS

浏览器的内核与JS引擎

不同浏览器的不同内核

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

什么是浏览器的内核

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

排版引擎又叫浏览器引擎&＃xff0c;页面渲渲染引擎。

渲染引擎的工作过程

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

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

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

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

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

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

什么是NodeJS

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

已经知道浏览器可以执行JS代码&＃xff0c;NodeJS也可以执行JS代码&＃xff0c;那么两个有什么不同&＃xff1f;

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

NodeJS的使用

安装&＃xff1a;官网点击下载

安装完Node之后&＃xff0c;Node自带一个包管理工具 npm

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

Node的版本管理工具

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

我是window系统&＃xff0c;就以window的版本管理工具演示&＃xff1a;

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

使用

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

在Node环境下执行JS代码

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

Node的REPL

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

浏览器也存在 REPL

L

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

浏览器也存在 REPL