1. Node.js

在这里插入图片描述

浏览器和node区别

在这里插入图片描述

1.1 Node.js安装

在这里插入图片描述

1.2 使用Node.js

在这里插入图片描述

1.3 fs模块-读写文件

在这里插入图片描述

1.4 path模块-路径处理

在这里插入图片描述

1.5 压缩代码

前端html

在这里插入图片描述

js代码

在这里插入图片描述

1.6 URL端口号

  • 统一资源定位符，简称网址，用于访问网咯上的资源
  • 端口号：标记服务器里对应的服务程序（0-65535的整数）
  • 80是http默认端口
  • web程序：一个程序，用于提供网上信息浏览功能
  • 注意：0-1023和一些特定端口号被占用，我们自己编写服务请避开使用

1.7 创建web服务

在这里插入图片描述

web服务支持中文
在这里插入图片描述

2. 模块化 & 导入 & 导出

在这里插入图片描述

2.1 CommonJS标准

在这里插入图片描述

2.2 ECMAScript标准-默认导出和导入

在这里插入图片描述

2.3 ECMAScript标准-命名导出和导入

在这里插入图片描述

3. 包

将模块、代码、其他资料聚合成一个文件夹

在这里插入图片描述

4. npm

软件包管理器

在这里插入图片描述

在这里插入图片描述

安装所有的依赖

在这里插入图片描述

4.1 全局软件包nodemon

在这里插入图片描述

5. node.js总结

模块

在这里插入图片描述

包

在这里插入图片描述

常用命令

在这里插入图片描述

6. Express

在这里插入图片描述

使用

在这里插入图片描述

7. 浏览器同源策略

7.1定义

在这里插入图片描述

源

在这里插入图片描述

7.2 跨域

在这里插入图片描述

7.2.1 解决方案-CORS

在这里插入图片描述

后端web服务书写
在这里插入图片描述

7.2.2 解决方案-同源访问

在这里插入图片描述

8 webpack

定义

在这里插入图片描述

webpack优点

在这里插入图片描述

使用

在这里插入图片描述

8.1 修改webpack打包入口和出口

打包入口和出口

在这里插入图片描述

8.2 自动打包html文件

插件：html-webpack-plugin

在这里插入图片描述

8.3 打包css文件

插件：css-loader、style-loader

在这里插入图片描述

8.4 打包less文件

点击less-loader

在这里插入图片描述

8.5 打包图片

资源模块

在这里插入图片描述

8.6 babel编译器

babel-loader

在这里插入图片描述

8.7 webpack开发服务器

在这里插入图片描述

8.8 打包模式

在这里插入图片描述

8.9 开发环境调错 - source map

在这里插入图片描述

8.10 解析别名 - alias

在这里插入图片描述

# node.js # webpack # 前端
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

cover

前端工程师转型AI Agent开发：收藏这份90天保姆级路线图，轻松拿下高薪AI岗！

avatar AI Agent技术社区

Amazon Transcribe 介绍和应用

AmazonTranscribe是AWS提供的自动语音识别(ASR)服务，可将音频/视频转换为高质量文本，支持100+语言和实时流式转录。核心功能包括智能标点、说话人区分、时间戳标记；提供医疗、呼叫中心等垂直场景专用版本。通过自定义词汇、语言模型提升专业领域准确率，具备PII过滤等安全功能。典型应用于客服质检、媒体字幕、会议纪要、医疗文档等场景，实现语音数据到结构化文本的转化，助力企业知识管理和内

avatar AI Agent技术社区

[特殊字符]️ AI Agent 的「保险经济学」—— 当智能体开始犯错，谁为经济损失买单？

🛡️ AI Agent 的「保险经济学」—— 当智能体开始犯错，谁为经济损失买单？👤 舟楫 🚤 | 📅 2026/7/27 10:13:52 | 📂 商业应用。

avatar AI Agent技术社区