NodeJS

NodeJS

NodeJS的基本概念

1.什么是NodeJS

• NodeJS是一个基于Chrome V8引擎的一个JavaScript运行环境。
• NodeJS使用了一个事件驱动，以及非阻塞I/O模式，使其更轻量高效。
• NodeJS的npm包是全球最大的包管理网站。

V8引擎

• 内核：脚本引擎(V8引擎)渲染引擎。

I/O模型

• I：input 输入
• O：output 输出

npm：包管理器

• npm是一个包
• npm是一个网站
• npm是一个命令
  • npm install 安装package.json中的依赖
  • npm install 包名 -g 全局安装
  • npm install 包名 --save 将依赖安装到生产环境中
  • npm install 包名 --save-dev 将依赖安装到开发环境中
  • npm search 包名 查找相关包
  • npm update 包名 升级依赖
  • npm remove 包名 删除依赖

yarn包管理器

• 安装命令：cnpm install yarn -g
• yarn install 安装package.json中的依赖
• yarn add 包名 -g 全局安装
• yarn add 包名 将依赖安装到生产环境中
• yarn add 包名 --dev 将依赖安装到开发环境中
• yarn upgrade 包名 升级依赖
• yarn remove 包名 删除依赖
• yarn search 包名 查找相关包

npm和yarn的区别？

• yarn安装依赖的时候是异步安装的，npm是同步安装。
• yarn安装完依赖后会在本地缓存一份，下次安装的时候会从缓存中安装。

2.NodeJS和原生JS的区别

原生：

• 全局对象window
• 不能对本地文件进行操作

NodeJS

• 全局对象global和process
• 可以对本地文件做操作(fs)
• NodeJS中没有浏览器的概念，因此不会有所谓的DOM和BOM。
• NodeJS中不会涉及到所谓的跨域。
• NodeJs没有安全级别的限制，可以对本地文件进行操作，除此之外，还可以创建服务器，操作数据库。

3.NodeJS在实际项目中能做什么事情？

• 可以作为中间层。

浏览器渲染页面的流程

1. 构建HTML文件，构建DOM Tree
2. 解析CSS，构建CSSOM Tree
3. 加载JS脚本代码
4. 将DOM Tree和CSSOM Tree合并，构建Render tree
5. 遍历Render Tree进行绘制

• 渲染过程中会出现Reflow(回流)和Repaint(重绘)
• Reflow：浏览器要花时间去渲染，当它发现了某个部分发生了变化影响了布局，那就需要倒回去重新渲染。
• Repaint：如果只是改变了某个元素的背景颜色，文字颜色等，不影响元素周围或内部布局的属性，将只会引起浏览器的Repaint，重画某一部分。

来源：CSDN

作者：clqxmt

链接：https://blog.csdn.net/weixin_43755513/article/details/103648708