js nodejs vuejs 关系与区别

超、凢脫俗 2023-07-15 15:24 137阅读 0赞

**Java Script的三个主要组成部分是：ECMAScript(核心)，DOM（文档对象模型），BOM（浏览器对象模型）。**

![20200317164107716.png][]

ECMAScript(语言基础，如：语法、数据类型结构以及一些内置对象)

*     是布兰登·艾克开发的一种脚本语言的标准化规范；
 *     是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展

DOM（文档对象模型）（一些操作页面元素的方法）

文档对象模型DOM是针对XML但经过扩展用于HTML的应用程序编程接口（API）。DOM把整个页面映射为一个多层次节点结构。HTML或者XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70][]

BOM(浏览器对象模型)（一些操作浏览器的方法）

BOM：Browser Object Model 是浏览器对象模型，浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 1][]

**nodejs是什么  **

*根据百度百科解释，Node.js是一套用来编写高性能网络服务器的JavaScript工具包。Node.js是一个可以快速构建网络服务及应用的平台，该平台的构建是基于Chrome's JavaScript runtime，也就是说，实际上它是对GoogleV8引擎（应用于Google Chrome浏览器)进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。*

* NodeJS并不是提供简单的封装，然后提供API调用，如果是这样的话那么它就不会有现在这么火了。Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。例如，在服务器环境中，处理二进制数据通常是必不可少的，但Javascript对此支持不足，因此，V8.Node增加了Buffer类，方便并且高效地 处理二进制数据。因此，Node不仅仅简单的使用了V8,还对其进行了优化，使其在各环境下更加给力。*

**Nodejs**：

*  `ECMAScript`(语言基础，如：语法、数据类型结构以及一些内置对象)
 *  `os`(操作系统)
 *  `file`(文件系统)
 *  `net`(网络系统)
 *  `database`(数据库)

nodejs 是一个基于GoogleV8引擎的Javascript运行环境。

总结：

*  前端的JS = 标准JS + webAPI
 *  nodejs = 标准JS + 一些系统相关的API
 *  javascript与nodejs都是遵循`ECMAScript语法的语言,`javascript是运行与浏览器中  而nodejs是运行于服务端.（nodejs可以理解为是js的运行环境 类比于java的jvm）。

无论是node还是各大浏览器，都需要有解释JS代码的引擎，参考下表浏览器使用的JS解释器

*  Mozilla -- Spidermonkey
 *  Chrome -- v8
 *  Safari -- JavaScriptCore
 *  IE、Edge -- -- Chakra
 *  PhantomJS -- JavaScriptCore
 *  node -- v8

**NPM**

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

*  允许用户从NPM服务器下载别人编写的第三方包到本地使用。
 *  允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
 *  允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

VUEJS与nodejs的联系

vue是前端渲染的库    而nodejs是一个js运行于服务端的环境。他们没什么可比性

jquery和vuejs都是前端库还有（Angular，React）

1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低

2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的mvmm框架如Angular，React都是大同小异，本质上都是基于MVVM的理念。 然而vue以他独特的优势简单，快速，组合，紧凑，强大而迅速崛起

[20200317164107716.png]: /images/20230528/02b1126949b64de7a4a616c918656793.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70]: /images/20230528/595d63101a7546d1b631c309e590e18f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 1]: /images/20230528/f6c19eea3a264d1d9fc75b911c78e162.png