Node.js

定义:

前端工程化:

开发项目直到上线 所用的 集成工具与技术

FS模块:

模块:封装的属性以及方法

FS:node内置的 读取本地文件的方法

用法:

复制代码
const fs=require('fs')
//创建fs对象
//写入对象
fs.writeFile('../html/test.html','看看我插入没wwww',(err) =>{
  if(err==null){
    console.log("成功")
  }else{
    console.log(err+"失败")
  }
})
//读取对象
fs.readFile("../html/test.html",(err,data)=>{

     if(err==null){
    console.log("成功"+data)
  }else{
    console.log(err+"失败")
  }
})

建议自己写个文件做测试 这里成功写入并且读取了内容

Path模块:

path 模块主要是对文件的地址进行设置 防止因为环境的不同 而找不到文件

复制代码
const fs=require('fs')
//创建fs对象
//写入对象
fs.writeFile('../html/test.html','看看我插入没wwww',(err) =>{
  if(err==null){
    console.log("成功")
  }else{
    console.log(err+"失败")
  }
})
//读取对象
const path =require('path')
//获取path
console.log(__dirname)
//绝对文件路径 用path 的join方法 增加后缀的相对路径 使得 无论在什么环境之下都能找到文件的路径
fs.readFile(path.join(__dirname,'../html/test.html'),(err,data)=>{

     if(err==null){
    console.log("成功"+data)
  }else{
    console.log(err+"失败")
  }
})
/**
 * path 模块
 * 引入路径  使得项目无论在哪个环境都可以找到文件
 */

http模块:创建web服务

代码:

javascript 复制代码
const http=require('http')
const serve=http.createServer()
//请求和创建服务
//开启事件监听
serve.on('request',(req,res)=>{
  req.setEncoding('utf-8')
  res.setHeader("Content-Type", "text/plain;charset=utf-8")
  //设置编码 防止乱码
    res.end("你好欢迎来到服务器")
})
serve.listen(3302,()=>{
//设置端口和响应事件
    console.log("服务启动")
})

可以看到 创建服务后控制台持续在监听事件

成功啦 浏览器打开输入localhst:3302端口就可以访问

将fs path http结合起来 做一个访问页面

javascript 复制代码
const http=require('http')
const serve=http.createServer()
//请求和创建服务
//开启事件监听
serve.on('request',(req,res)=>{
    //读取对象
    const fs=require('fs')
const path =require('path')
//获取path
console.log(__dirname)
//绝对文件路径 用path 的join方法 增加后缀的相对路径 使得 无论在什么环境之下都能找到文件的路径
fs.readFile(path.join(__dirname,'../html/day01.html'),(err,data)=>{

     if(err==null){
    console.log("成功"+data)
    req.setEncoding('utf-8')
  res.setHeader("Content-Type", "text/html;charset=utf-8")
  //设置编码 防止乱码
    res.end(data.toString())
  }else{
    console.log(err+"失败")
  }
})
  
})
serve.listen(3302,()=>{
    console.log("服务启动")
})

成功访问啦 可以自己去拿几个html文件尝试

相关推荐
Tech_Lin11 小时前
JavaScript Date时间对象的常用操作方法总结
前端·javascript
温宇飞11 小时前
JavaScript 异常处理
前端
小岛前端11 小时前
🔥Vue3 移动端组件精选!满足各种场景!
前端·vue.js·微信小程序
用户15105810474311 小时前
带leading和trailing的防抖和节流
前端
IT小哥哥呀11 小时前
论文见解:REACT:在语言模型中协同推理和行动
前端·人工智能·react.js·语言模型
不会写DN11 小时前
用户头像文件存储功能是如何实现的?
java·linux·后端·golang·node.js·github
一枚前端小能手11 小时前
🚫 请求取消还在用flag?AbortController让你的异步操作更优雅
前端·javascript
code_YuJun11 小时前
前端脚手架开发流程
前端
golang学习记11 小时前
从0死磕全栈之使用 VS Code 调试 Next.js 应用完整指南
前端
Mintopia11 小时前
🧩 隐私计算技术在 Web AIGC 数据处理中的应用实践
前端·javascript·aigc