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

VUE 开发——Node.js学习(一)

一、认识Node.js

Node.js是一个跨平台JavaScript运行环境,使开发者可以搭建服务器端的JavaScript应用程序

使用Node.js编写服务器端程序——编写数据接口、前端工程化;

Node.js环境没有BOM和DOM;

Node.js安装:下载node-v16.19.0msi安装程序

使用Node.js:在集成终端中,输入node xxx.js,回车即可执行

二、fs模块——读写文件

//模块:类似插件,封装了方法和属性;
//fs模块:封装了与本机文件系统进行交互的方法/属性
/*** 基于fs模块读写文件内容* 1.加载fs模块对象* 2.写入文件内容* 3.读取文件内容*/// 1.加载fs模块对象
const fs = require('fs')
// 2.写入文件内容
fs.writeFile('./text.txt','hello,Node.js',(err) => {if (err) console.log(err)else console.log('写入成功')
})
// 3.读取文件内容
fs.readFile('./text.txt',(err,data) => {if (err) console.log(err)else console.log(data.toString())
})

三、path模块——路径处理

在Node.js代码中,使用绝对路径

__dirname内置变量(获取当前模块目录——绝对路径)

path.join()会使用特定于平台的分隔符,作为界定符,将所有给定的路径片段连接在一起 

四、URL中的端口号

端口号:标记服务器里不同功能的服务程序

端口号范围:0~65535之间的任意整数

注意:http协议,默认访问80端口 

常见的服务程序:

Web服务程序:用于提供网上信息浏览功能 

0-1023和一些特定端口号被占用,我们自己编写服务程序请避开使用

/*** 创建web服务并响应内容给浏览器* 1.加载http模块,创建web服务对象* 2.监听request请求事件,设置响应头和响应体* 3.配置端口号并启动web服务* 4.浏览器请求http://localhost:3000测试*/// 1.加载http模块,创建web服务对象
const http = require('http')
const server = http.createServer()
// 2.监听request请求事件,设置响应头和响应体
server.on('request',(req,res) => {//设置响应头——内容类型——普通文本以及中文编码格式//内容中有中文字符,进行处理res.setHeader('Content-Type','text/plain;charset=utf-8')//设置响应体内容,结束本次请求与响应res.end('欢迎使用Node.js')
})
// 3.配置端口号并启动web服务
server.listen(3000,() => {console.log('Web服务启动成功!')
})

五、模块化

在Node.js中,每个文件都被视为一个单独的模块。

CommonJS标准

导出文件util

const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum,item) => sum += item,0
)  //导出
module.exports = {url:baseURL,arraySum: getArraySum
}

导入文件

/*** 需求:定义util.js模块,封装基地址和求数组总和的函数 * 1.导出:module.exports = {}* 2.导入:require('模块名路径')*/const obj = require('./util.js')
console.log(obj)
const result = obj.arraySum([5,1,2,3])
console.log(result)
ECMAScript标准 

1.导出文件util

import { arraySum } from "../commonJS/util"const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum,item) => sum += item,0
)  //导出
export default {url: baseURL,arraySum: getArraySum
}

2.导入文件

import { arraySum } from "../commonJS/util"const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum,item) => sum += item,0
)  //导出
export default {url: baseURL,arraySum: getArraySum
}

3.让Node.js切换模块标准ECMAScript

运行模块所在文件夹,新建package.json

并设置package.json内容

{"type": "module"
}
ECMAScript标准——命名导出和导入

按需加载,使用命名导出或导入

全部加载,使用默认导出或导入 

import { arraySum } from "../commonJS/util"export const baseURL = 'http://hmajax.itheima.net'
export const getArraySum = arr => arr.reduce((sum,item) => sum += item,0
)  
/*** 1.导出:export default {}* 2.导入:import 变量名 from '模块名或路径'*///导入
import {baseURL,getArraySum} from './util.js'
console.log(baseURL)
console.log(getArraySum)

 六、 包

包分为项目包和软件包,项目包主要用于编写项目和业务逻辑,软件包主要封装工具和方法进行使用。

根目录中,必须有package.json文件,记录包的清单信息

功能命令
执行js文件node xxx
初始化package.jsonnpm init -y
下载本地软件包npm i 软件包名
下载全局软件包npm i 软件包名 -g
删除软件包npm uni 软件包名

http://www.lryc.cn/news/452673.html

相关文章:

  • 角膜移植难题现,传统方式缺陷显,创新水凝胶破局
  • 探索Spring Boot:实现“衣依”服装电商平台
  • 使用 cron 来设置定时任务
  • C# Blazor Server 调用海康H5Player播放摄像头画面
  • CSS实现服务卡片
  • 问:如何判断系统环境是大端/小端存储?
  • 使用NumPy进行线性代数的快速指南
  • uni-app之旅-day02-分类页面
  • 鸿蒙harmonyos next flutter通信之BasicMessageChannel获取app版本号
  • 【文件增量备份系统】MySQL百万量级数据量分页查询性能优化
  • 音视频入门基础:FLV专题(12)——FFmpeg源码中,解析DOUBLE类型的ScriptDataValue的实现
  • 【AI知识点】分层可导航小世界网络算法 HNSW(Hierarchical Navigable Small World)
  • ubuntu图形界面右上角网络图标找回解决办法
  • maven安装本地jar包到本地仓库
  • 1panel申请https/ssl证书自动续期
  • 【C语言】指针篇 | 万字笔记
  • 使用transformers调用owlv2实现开放目标检测
  • 大数据技术:Hadoop、Spark与Flink的框架演进
  • Spring Boot框架下的新闻推荐技术
  • 相亲交友系统的社会影响:家庭结构的变化
  • C++ 内存池(Memory Pool)详解
  • css三角形:css画箭头向下的三角形
  • CSS属性 - animation
  • 昇思MindSpore进阶教程--在ResNet-50网络上应用二阶优化实践(下)
  • 基于大数据的Python+Django电影票房数据可视化分析系统设计与实现
  • 实景三维技术对光伏产业的发展具有哪些优势?
  • 四非人的保研之路,2024(2025届)四非计算机的保研经验分享(西南交通、苏大nlp、西电、北邮、山软、山计、电科、厦大等)
  • UE5.4.3 录屏回放系统ReplaySystem蓝图版
  • ECCV 2024 | 融合跨模态先验与扩散模型,快手处理大模型让视频画面更清晰!
  • 9--苍穹外卖-SpringBoot项目中Redis的介绍及其使用实例 详解