JS中如何实现模块编程:
一个页面分成N个js,a.js 、b.js、 c.js、整合文件 index.js 。
浏览器默认不支持ES6的模块化,ES6老版本IE不支持,使用webpack打包工具(开发环境)转化成能够让浏览器支持的代码
模块化:1、export 导出
2、引用 import变量名称 from 路径
安装webpack流程:
代码举例:
const path=require("path")//引入path 模块
module.exports={//固定写法
entry:"./index.js",//同级目录下要加./
output:{
path:path.resolve(__dirname,"build"),//打包后的路径,新的文件名;绝对路径,
filename:"build.js"//打包后的文件名
}
}
node的作用:
1、处理静态文件。 2、与前端进行,写API接口。 3、与数据库交互。
fs模块,静态文件处理
const fs=require("fs")
fs.writeFile("./1.txt","ni hao",(err,data)=>{//写入 :路径、内容、回调函数
if(err){
console.log(err)
}else{
console.log("成功写入")
}
})
//读取功能
fs.readFile("./1.txt",(err,data)=>{
if(err){
console.log(err)
}else{
console.log(data.toString())//默认是buffer码 转为字符串
}
})
启动服务器:
const http=require("http")
//创建服务器,req:requset前端请求服务器是携带的内容,
// res:response服务器 返回给前端的内容
http.createServer((req,res)=>{
console.log("成功")
res.write("Hi好")//res.write() 写入返回前端的内容
res.end() //发送
}).listen(8000)//规定一个端口
//localhost:8000 访问服务器