初识node.js

// Node.js

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

// 作用:使用Node.js编写服务器端程序

// 编写数据接口,提供网页资源浏览功能等等

// 前端工程化:为后续学习vue喝react框架做铺垫

// 前端工程化就是,开发项目直到上线,过程中集成的所以工具和技术

// node.js是前端工程化的基础(因为Node.js可以主动读取前端代码内容)

// node.js环境没有DOM和BOM等(node.js与浏览器环境的区别)

// 如何执行代码:在VSCode终端中输入:node xxx.js回车即可执行(注意路径)

// 目标:编写 js 代码,在 Node 环境下使用 node 命令来独立执行

console.log('Hello, Node.js')

for (let i = 0; i < 3; i++) {

console.log(6)

}

// fs模块-读写文件

// 模块:类似插件,封装了方法/属性

// fs模块:封装了与本机文件系统进行交互的,方法/属性

// 语法:

// 1.加载fs模块对象

// 2.写入文件内容

// 3.读取文件内容

/**

* 目标:基于 fs 模块读写文件内容

* 1. 加载 fs 模块对象

* 2. 写入文件内容

* 3. 读取文件内容

*/

// 1. 加载 fs 模块对象

const fs = require('fs')

// 2. 写入文件内容

fs.writeFile('./test.txt', 'hello, Node.js', (err) => {

// 路径,内容

if (err) console.log(err)

else console.log('写入成功')

})

// 3. 读取文件内容

fs.readFile('./test.txt', (err, data) => {

if (err) console.log(err)

// data 是 buffer 16 进制数据流对象

// .toString() 转换成字符串

else console.log(data.toString())

})

// 路径问题

/**

* 建议:在 Node.js 环境的代码中,应使用绝对路径

*

* 原因:代码的相对路径是以终端所在文件夹为起点,而不是 Vscode 资源管理器

* 容易造成目标文件找不到的错误

*/

//前提:这个文件在和上一文件同一位置的文件夹中

const fs = require('fs')

// 1. 引入 path 模块对象

const path = require('path')

// 2. 调用 path.join() 配合 __dirname 组成目标文件的绝对路径(这是两个下划线)

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

// 语法:1.加载path模块,2.使用path.join方法,拼接路径

console.log(__dirname)

fs.readFile(path.join(__dirname, '../test.txt'), (err, data) => {

// 先返回父级,在从同级找test.txt

if (err) console.log(err)

else console.log(data.toString())

})

相关推荐
年纪轻轻就扛不住2 小时前
Express 入门指南(超详细教程)
前端·前端框架·node.js·express·js
爱电摇的小码农3 小时前
【深度探究系列(5)】:前端开发打怪升级指南:从踩坑到封神的解决方案手册
前端·javascript·css·vue.js·node.js·html5·xss
lihainuo6 小时前
Next.js + AI-SDK 实战:模型注册表从类型设计到工具调用全解析
后端·node.js
胡gh7 小时前
JavaScript 中的闭包、防抖与节流:让你彻底搞懂它们的作用和应用场景
前端·javascript·node.js
野槐7 小时前
vue3+node.js+mysql写接口(二)
node.js
讨厌吃蛋黄酥8 小时前
🚀 全栈开发48小时逆袭:用Node.js打造超炫实时数据仪表盘! 📊
node.js·全栈
天若有情6738 小时前
Node.js 是什么?npm 是什么? Vue 为什么需要他们?
vue.js·npm·node.js
爱敲代码的小冰9 小时前
npm 切换 node 版本 和npm的源
前端·npm·node.js
甜瓜看代码18 小时前
1.
react.js·node.js·angular.js
伍哥的传说18 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js