赣州高端网站开发,烟台网站建设联系电话,网站数据库建设,佛山做网站哪家公司最好什么是Node.js
Node.js 是一个免费的、开源的、跨平台的 JavaScript 运行时环境,使开发者可以搭建服务器端的JavaScript应用程序
概念: 使用Node.js编写后端程序 // 支持前端工程化
后端程序#xff1a;提供接口和数据 #xff0c;网页资源
前端工程化:对代码压缩提供接口和数据 网页资源
前端工程化:对代码压缩转译整合测试 自动部署使用各种工具提升效率
Node.js为何能执行js?
浏览器能执行js代码依靠的是内核中的v8引擎(c程序)
Node.js是基于Chrome V8引擎 进行封装(运行环境) 区别:都支持ECMAScript标准语法Node.js有独立的api (Node环境没有DOM和Bom)
Node.js安装
https://nodejs.org/dist/v18.17.0/ 下一步安装
注意:
1: 安装在非中文路径下
2.无需勾选安装其他的配置软件
检测是否安装成功
windowsr 打开cmd中断 输入node -v 命令 查看版本号
使用node.js
新建js文件编写代码在node环境下运行
在vscode集成终端中输入node xxx.js 回车执行
console.log(hello)
for(let i 0;i3;i){console.log(6)
}fs模块-读写文件
模块类似插件封装了方法/属性
fs模块封装了与本机文件系统进行交互的 方法/属性
加载fs模块
const fs require(fs)写入文件内容
fs.writeFile(文件路径,写入内容,err{//写入后的回调函数
})读取文件内容
fs.readFile(文件路径,(err,data){//写入后的回调函数//data文件内容的Buffer数据流
})path模块–路径处理
在node.js中使用绝对路径
__dirname 模块内置变量(获取当前模块目录名)
案例-压缩前端 html
压缩前端代码让浏览器加载网页更快
前端工程化:对代码压缩转译整合测试 自动部署使用各种工具提升效率
需求把回车符 和换行符去掉 进行压缩写入到新html中
读取html文件内容正则替换字符串写入到新的html文件中
public/index.html
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/headbodydiv classboxulli111/lili222/lili333/li/ul/div
/body/htmlpublic/index,js
console.log(123);
for (let i 0; i 4; i) {console.log(i);
}build.js
/*
需求把public/index.html里的回车符和换行符去掉进行压缩写入到新dist/index.html中- 读取html文件内容
- 正则替换字符串
- 写入到新的html文件中需求压缩js里的代码并整合到html中一起运行
1.读取js文件内容
2.正则替换内容
3.拼接html内容写入到 dist/index.html
*/const fs require(fs)
const path require(path)// 把public / index.html里的回车符和换行符去掉进行压缩写入到新dist / index.html中
fs.readFile(path.join(__dirname, public, index.html), (err, data) {const htmlStr data.toString()// console.log(htmlStr);// 正则替换字符串const resultStr htmlStr.replace(/[\r\n]/g, )// console.log(resultStr);fs.readFile(path.join(__dirname, public, index.js), (err, data1) {const jsStr data1.toString()// console.log(jsStr);// 正则替换字符串const jsResultStr jsStr.replace(/[\r\n]/g, ).replace(/console.log\(.\);/g, )// console.log(jsResultStr);// 写入到新的html文件中fs.writeFile(path.join(__dirname, dist, index.html), resultStr jsResultStr, err {if (err) { console.log(err); }else { console.log(压缩成功); }})})
})URL中的端口号
URL 统一资源定位符简称网址用于访问网络上的资源
端口号:标记服务器里对应服务程序0-65535的整数
http://xxxx.com:88/api/loginhttp模块–创建web服务
基于http模块编写程序返回给请求方 ‘hello world’
引入http模块创建web服务对象监听request请求事件对本次请求做一些响应处理启动web服务监听对应端口号运行本服务在终端用浏览器发起请求
案例:基于web服务开发提供省份列表数据的接口了解后端的代码工作过程
