网站的ftp怎么登陆,设计网站平台风格,wordpress建站做客户端,广东新增本土确诊病例一、什么是 Node.js#xff1f;
定义#xff1a; 作用#xff1a;使用 Node.js 编写服务器端程序 编写数据接口#xff0c;提供网页资源浏览功能等等 前端工程化#xff1a;为后续学习 Vue 和 React 等框架做铺垫 二、什么是前端工程化#xff1f; 前端工程化#xf…一、什么是 Node.js
定义 作用使用 Node.js 编写服务器端程序 编写数据接口提供网页资源浏览功能等等 前端工程化为后续学习 Vue 和 React 等框架做铺垫 二、什么是前端工程化 前端工程化开发项目直到上线过程中集成的所有工具和技术 Node.js 是前端工程化的基础因为 Node.js 可以主动读取前端代码内容 三、Node.js 为何能执行 JS 首先浏览器能执行 JS 代码依靠的是内核中的 V8 引擎C 程序 其次Node.js 是基于 Chrome V8 引擎进行封装运行环境 区别都支持 ECMAScript 标准语法Node.js 有独立的 API 注意Node.js 环境没有 DOM 和 BOM 等 。 四、Node.js 安装 要求下载 node-v16.19.0.msi 安装程序指定版本兼容 vue-admin-template 模板 安装过程默认下一步即可 注释事项 1. 安装在非中文路径下 2. 无需勾选自动安装其他配套软件 成功验证 1. 打开 cmd 终端输入 node -v 命令查看版本号 2. 如果有显示则代表安装成功 五、使用 Node.js 需求新建 JS 文件并编写代码后在 node 环境下执行 命令在 VSCode 集成终端中输入 node xxx.js回车即可执行 六、fs 模块 - 读写文件 模块类似插件封装了方法/属性 fs 模块封装了与本机文件系统进行交互的方法/属性 语法 1. 加载 fs 模块对象 2. 写入文件内容 3. 读取文件内容 七、path 模块 - 路径处理 问题Node.js 代码中相对路径是根据终端所在路径来查找的可能无法找到你想要的文件。 建议在 Node.js 代码中使用绝对路径 补充__dirname 内置变量获取当前模块目录-绝对路径 windows D:\备课代码\3-B站课程\03_Node.js与Webpack\03-code\03 mac /Users/xxx/Desktop/备课代码/3-B站课程/03_Node.js与Webpack/03-code/03 注意path.join() 会使用特定于平台的分隔符作为定界符将所有给定的路径片段连接在一起 语法 1. 加载 path 模块 2. 使用 path.join 方法拼接路径 八、URL 中的端口号 URL统一资源定位符简称网址用于访问服务器里的资源 端口号标记服务器里不同功能的服务程序 端口号范围0-65535 之间的任意整数 注意http 协议默认访问 80 端口。 九、常见的服务程序 Web 服务程序用于提供网上信息浏览功能 注意0-1023 和一些特定端口号被占用我们自己编写服务程序请避开使用 十、http 模块-创建 Web 服务 需求创建 Web 服务并响应内容给浏览器 步骤 1. 加载 http 模块创建 Web 服务对象 2. 监听 request 请求事件设置响应头和响应体 3. 配置端口号并启动 Web 服务 4. 浏览器请求 http://localhost:3000 测试 localhost固定代表本机的域名 十一、Node.js 模块化 11.1 什么是模块化 定义 概念项目是由很多个模块文件组成的 好处提高代码复用性按需加载独立作用域 使用需要标准语法导出和导入进行使用 11.2 CommonJS 标准 需求定义 utils.js 模块封装基地址和求数组总和的函数 。 使用 1. 导出module.exports {} 2. 导入require(模块名或路径) 模块名或路径 内置模块直接写名字例如fspathhttp 自定义模块写模块文件路径例如./utils.js 11.3 ECMAScript 标准 - 默认导出和导入 需求封装并导出基地址和求数组元素和的函数。 默认标准使用 1. 导出export default {} 2. 导入import 变量名 from 模块名或路径 注意Node.js 默认支持 CommonJS 标准语法 如需使用 ECMAScript 标准语法在运行模块所在文件夹新建 package.json 文件并设置 { type : module } 11.4 ECMAScript 标准 - 命名导出和导入 需求封装并导出基地址和求数组元素和的函数 命名标准使用 1. 导出export 修饰定义语句 2. 导入import { 同名变量 } from 模块名或路径‘ 如何选择 按需加载使用命名导出和导入 全部加载使用默认导出和导入 十二、包的概念 包将模块代码其他资料聚合成一个文件夹 包分类 项目包主要用于编写项目和业务逻辑 软件包封装工具和方法进行使用 要求根目录中必须有 package.json 文件记录包的清单信息 注意导入软件包时引入的默认是 index.js 模块文件 / main 属性指定的模块文件 需求封装数组求和函数的模块判断用户名和密码长度函数的模块形成成一个软件包。 12. 1 npm - 软件包管理器 定义 使用 1. 初始化清单文件 npm init -y得到 package.json 文件有则略过此命令 2. 下载软件包 npm i 软件包名称 3. 使用软件包 需求使用 dayjs 软件包来格式化日期时间 。 图解 12.2 npm - 安装所有依赖 问题项目中不包含 node_modules能否正常运行 答案不能缺少依赖的本地软件包 原因因为自己用 npm 下载依赖比磁盘传递拷贝要快得多 解决项目终端输入命令npm i 下载 package.json 中记录的所有软件包 12.3 npm - 全局软件包 nodemon 软件包区别 本地软件包当前项目内使用封装属性和方法存在于 node_modules 全局软件包本机所有项目使用封装命令和工具存在于系统设置的位置 nodemon 作用替代 node 命令检测代码更改自动重启程序 使用 1. 安装npm i nodemon -g-g 代表安装到全局环境中 2. 运行nodemon 待执行的目标 js 文件 需求启动准备好的项目修改代码保存后观察自动重启应用程序 十三、Node.js 总结 Node.js 模块化 概念每个文件当做一个模块独立作用域按需加载 使用采用特定的标准语法导出和导入进行使用 CommonJS 标准一般应用在 Node.js 项目环境中 ECMAScript 标准一般应用在前端工程化项目中 Node.js 包 概念把模块文件代码文件其他资料聚合成一个文件夹 项目包编写项目需求和业务逻辑的文件夹 软件包封装工具和方法进行使用的文件夹一般使用 npm 管理 本地软件包作用在当前项目一般封装的属性/方法供项目调用编写业务需求 全局软件包作用在所有项目一般封装的命令/工具支撑项目运行 常用命令
