安顺网站开发公司,社区网站建设难点,贵州软件定制,网站设计经典案例分析一、静态资源与动态资源介绍#xff1a;
#xff08;1#xff09;静态资源
内容长时间不改变的资源。eg#xff1a;图片、视频、css js html文件、字体文件...
#xff08;2#xff09;动态资源
内容经常更新的资源。eg#xff1a;百度首页、淘宝搜索列表... 二、服…一、静态资源与动态资源介绍
1静态资源
内容长时间不改变的资源。eg图片、视频、css js html文件、字体文件...
2动态资源
内容经常更新的资源。eg百度首页、淘宝搜索列表... 二、服务器端如何获取静态资源的代码
我的目录 01.css文件
h1{color: red;font-size: 30px;
}
01.js文件
var buttondocument.getElementById(button1);
button.onclickfunction(){this.style.backgroundColoryellow;
} 01.html文件
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlelink relstylesheet href./css/01.css
/head
bodyh1静态资源/h1button idbutton1请点击我/button
/body
script src./js/01.js/script
/html
serve.js文件
// 1.导入http模块
const http require(http);
const fs require(fs);
// 2.创建服务对象
const server http.createServer((request, response) {// 获取请求url路径let { pathname } new URL(request.url, http://127.0.0.1);// 拼接文件路径 以我的目录为例子我所有的文件都是在pages这个文件夹里面的。所以定义一个变量filePath来进行总体拼接以简化后续代码// 注意如果我不单单想局限于读取pages文件夹下的内容若我想读取我的大文件夹my下的任何文件就将filePath设置为let filePath__dirnamepathname; 注意读取的文件名不能以中文命名。否则会报错let filePath__dirname/pagespathname;// 读取文件 fs异步APIfs.readFile(filePath,(err,data){if(err){response.end(文件读取失败,失败原因是:err.message);return;}response.end(data);})
})
// eg服务器端响应出01.css静态资源即打开浏览器输入http://127.0.0.1/css/01.css即可显示其代码内容
// 3.监听端口启动服务
server.listen(9000, () {console.log(服务已启动...);
})
服务器运行结果显示
当我想获取01.html里面的代码时在端口号后接/01.html 当我想获取01.js里面的代码时在端口号后接/js/01.js
