商务网站建设方案pptwordpress 自定义布局

当前位置： 首页 > news >正文

商务网站建设方案ppt,wordpress 自定义布局,学校网站建设是什么意思,郑州聚商网络科技有限公司目录 概要对Node的认识Node的概念理解Node和浏览器区别Node的架构图 Node的应用场景Node的安装安装Node的LTS版本Node的版本管理工具nvm(了解) Node的输入和输出Node程序传递参数Node的输出 Node的全局对象特殊的全局对象其他的… 目录 概要对Node的认识*Node的概念理解*Node和浏览器区别**Node的架构图 Node的应用场景Node的安装安装Node的LTS版本Node的版本管理工具nvm(了解) Node的输入和输出Node程序传递参数Node的输出 Node的全局对象特殊的全局对象其他的全局对象global对象 Date: August 23, 2024 概要 240824 Sum: 本节主要谈了谈对于 Node 的认识以及 Node 的应用场景。 然后从实践角度谈了谈 Node 的安装过程以及 Node 的输入输出 和 全局对象的理解。 需要记住的东西 Node的概念 Node.js是一个基于V8引擎的JS运行时环境。 Node的安装 nvm与n来进行版本管理 全局对象 浏览器环境的全局对象指window而node环境指global。在新的标准中还有一个globalThis也是指向全局对象的。在浏览器环境下globalThis是指window在node环境下是global。 对Node的认识 Node的概念理解 官方对于Node.js的定义Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 Node.js基于V8引擎来执行JavaScript的代码但是不仅仅只有V8引擎 前面我们知道V8可以嵌入到任何C 应用程序中无论是Chrome还是Node.js事实上都是嵌入了V8引擎来执行JavaScript代码 但是在Chrome浏览器中还需要解析、渲染HTML、CSS等相关渲染引擎另外还需要提供支持浏览器操作的API、浏览器自己的事件循环等 另外在Node.js中我们也需要进行一些额外的操作比如文件系统读/写、网络IO、加密、压缩解压文件等操作 Node和浏览器区别 注意这个暂时看一眼即可 Node的架构图 我们编写的JavaScript代码会经过V8引擎再通过Node.js的Bindings将任务放到Libuv的事件循环中 libuvUnicorn Velociraptor—独角伶盗龙是使用C语言编写的库 libuv提供了事件循环、文件系统读写、网络IO、线程池等等内容 Node的应用场景 前端常用 应用一目前前端开发的库都是以node包的形式进行管理 应用二npm、yarn、pnpm工具成为前端开发使用最多的工具 后端常用 应用三越来越多的公司使用Node.js作为web服务器开发、中间件、代理服务器 应用四大量项目需要借助Node.js完成前后端渲染的同构应用 更多维度 应用五资深前端工程师需要为项目编写脚本工具前端工程师编写脚本通常会使用JavaScript而不是Python或者shell 应用六很多企业在使用Electron来开发桌面应用程序 Node的安装 安装Node的LTS版本 版本概念 LTS版本Long-term support, 长期支持相对稳定一些推荐线上环境使用该版本 Current版本最新的Node版本包含很多新特性 版本选择 如果你是学习使用可以选择current版本 如果你是公司开发建议选择LTS版本面向工作选择LTS版本 Node的安装方式 借助于一些操作系统上的软件管理工具比如Mac上的homebrewLinux上的yum、dnf等 直接下载对应的安装包下载安装 Node的版本管理工具nvm(了解) nvmNode Version Manager nInteractively Manage Your Node.js Versions交互式管理你的Node.js版本 问题这两个工具都不支持window nn is not supported natively on Windows. nvmnvm does not support Windows Node的输入和输出 输出: console.log输入: node aaa.js 参数process.argv Node程序传递参数 正常情况下执行一个node程序直接跟上我们对应的文件即可 node index.js但是在某些情况下执行node程序的过程中我们可能希望给node传递一些参数 node index.js envdevelopment coderwhy如果我们这样来使用程序就意味着我们需要在程序中获取到传递的参数 获取参数其实是在process的内置对象中的 如果我们直接打印这个内置对象它里面包含特别的信息 其他的一些信息比如版本、操作系统等大家可以自行查看后面用到一些其他的我们还会提到 现在我们先找到其中的argv属性我们发现它是一个数组里面包含了我们需要的参数 你可能有个疑问为什么叫argv呢 在C/C程序中的main函数中实际上可以获取到两个参数 pargcargument counter的缩写传递参数的个数 pargvargument vector向量、矢量的缩写传入的具体参数。 vector翻译过来是矢量的意思在程序中表示的是一种数据结构。 在C、Java中都有这种数据结构是一种数组结构 在JavaScript中也是一个数组里面存储一些参数信息 我们可以在代码中将这些参数信息遍历出来使用 Node的输出 最常用的输入内容的方式console.log 清空控制台console.clear 打印函数的调用栈console.trace 还有一些其他的方法其他的一些console方法可以自己在下面学习研究一下。 参考https://nodejs.org/dist/latest-v16.x/docs/api/console.html Case: // 1.输出的内容 console.log(Hello World)const num1 100 const num2 200console.log(num1 num2)// 2.给程序输入内容 // node ./webpack.config.js envdevelopment const arg1 process.argv[2] const arg2 process.argv[3]console.log(arg1, arg2)setTimeout(() {// console.clear()console.trace() }, 3000);终端中输入内容 nathanchen192 01_Node基础知识 % node 02_Node的输入和输出.js 100 200 300 Hello World 300 100 200Node的全局对象 特殊的全局对象 为什么我称之为特殊的全局对象呢 这些全局对象实际上是模块中的变量只是每个模块都有看来像是全局变量 在命令行交互中是不可以使用的 包括dirname、filename、exports、module、require() __dirname: 获取当前文件所在的路径 __filename: 获取当前文件所在的路径和文件名称 Case: // dirname当前的文件所在的目录结构(重要) console.log(dirname) // filename当前目录文件名称 console.log(filename)nathanchen192 01_Node基础知识 % node 03_Node中的全局对象.js /Users/nathanchen/Downloads/CoderWhy/05_前端工程化/day48-前端工程化基础/Learn_Node_Webpack_Git/01_Node基础知识 /Users/nathanchen/Downloads/CoderWhy/05_前端工程化/day48-前端工程化基础/Learn_Node_Webpack_Git/01_Node基础知识/03_Node中的全局对象.js其他的全局对象 processconsole定时器setTimeoutsetIntervalsetImmediateprocess.nextglobal和window的区别globalThis process对象process提供了Node进程中相关的信息 比如Node的运行环境、参数信息等 后面在项目中我也会讲解如何将一些环境变量读取到 process 的 env 中 console对象提供了简单的调试控制台在前面讲解输入内容时已经学习过了。 更加详细的查看官网文档https://nodejs.org/api/console.html 定时器函数在Node中使用定时器有好几种方式 setTimeout(callback, delay[, …args])callback在delay毫秒后执行一次 setInterval(callback, delay[, …args])callback每delay毫秒重复执行一次 setImmediate(callback[, …args])callbackI / O事件后的回调的“立即”执行 这里先不展开讨论它和setTimeout(callback, 0)之间的区别 因为它涉及到事件循环的阶段问题我会在后续详细讲解事件循环相关的知识 process.nextTick(callback[, …args])添加到下一次tick队列中 具体的讲解也放到事件循环中说明 global对象 global是一个全局对象事实上前端我们提到的process、console、setTimeout等都有被放到global中 我们之前讲过在新的标准中还有一个globalThis也是指向全局对象的 理解在浏览器环境下globalThis是指window在node环境下是global 类似于浏览器中的window global和window的区别 在浏览器中全局变量都是在window上的比如有document、setInterval、setTimeout、alert、console等等 在Node中我们也有一个global属性并且看起来它里面有很多其他对象。 但是在浏览器中执行的JavaScript代码如果我们在顶级范围内通过var定义的一个属性默认会被添加到window对象上 let name nathan console.log(window.name) // nathan但是在node中我们通过var定义一个变量它只是在当前模块中有一个变量不会放到全局中 let name nathan console.log(global.name) // undefined