小程序正规价格表_详解js静态资源文件请求的处理

  • 栏目:公司新闻 时间:2021-01-12 10:22 分享新闻到:
<返回列表

详解js静态资源文件请求的处理       这篇文章主要为大家详细介绍了js静态资源文件请求的处理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了js静态资源文件请求的处理,供大家参考,具体内容如下

html文件

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Document /title 
 link rel="stylesheet" href="index.css" type='text/css' charset='utf-8' 
 /head 
 body 
 div id='box' /div 
 script charset='utf-8' src='index.js' /script 
 /body 
 /html 

css文件

 margin:0;
 padding:0;
html,body{
 font-size:14px;
 color:#000;
.box{
 margin:50px auto;
 width:300px;
 height:300px;
 background:#e3bd83;
 border:10px solid #e0f2be;

JS文件

var box = document.getElementById('box');
box.onclick = function(){
 this.style.background = "red"

server文件

var http = require('http'),
 fs = require('fs'),
 url = require('url');
//创建一个服务
var server1 = http.createServer(function(req,res){
 //解析客户端请求地址中的文件的目录名称以及传递给当前服务器的数据内容
 var urlObj = url.parse(req.url,true),
 pathname = urlObj["pathname"],
 query = urlObj["query"];
 //简写 try catch捕获异常 防止请求资源文件不存在 我们不加try catch服务会终止。这样不好,所以我们添加try catch捕获异常
 //处理静态资源文件的请求(HTML/CSS/JS...) - 前端路由
 var reg = /\.(HTML|JS|CSS|JSON|TXT|ICO)/i;
 if(reg.test(pathname)){
 //获取请求文件的后缀名
 var suffix = reg.exec(pathname)[1].toUpperCase();
 //根据请求文件的后缀名获取到当前文件的MIME类型
 var suffixMIME = "text/plain";//TXT文本对应的
 switch(suffix){
 case "HTML":
 suffixMIME = "text/html";
 break;
 case "CSS":
 suffixMIME = "text/css";
 break;
 case "JS":
 suffixMIME = "text/javascript";
 break;
 case "JSON":
 suffixMIME = "application/json";
 break; 
 case "ICO":
 suffixMIME = "application/octet-stream";
 break;
 try{
 //按照指定的目录读取文件中的内容或者代码(读取出来的内容都是字符串格式的)
 var conFile = fs.readFileSync("."+pathname,"utf-8");
 //重写响应头信息:告诉客户端的浏览器我返回的内容是什么样的MIME类型,指定返回的内容的格式是utf-8,避免出现乱码
 res.writeHead(200,{'content-type':suffixMIME+';charset=utf-8'})
 //服务端向客户端返回的内容也是字符串
 res.end(conFile)
 }catch(e){
 res.writeHead(404,{'content-type':'text/plain;charset=utf-8'});
 res.end("request file is not found")
 MIME类型:
 每一种资源文件都有自己的标识类型,例如:HTML文件的MIME
 类型是"text/html".css文件的MIME类型是"text/css"
 浏览器会按照代码的MIME类型进行渲染
 // try{
 // var con = fs.readFileSync("."+pathname,"utf-8");
 // res.end(con);
 // }catch(e){
 // res.end("request file is not find")
 // }
 // "){
 // ","utf-8");
 // res.end(con);
 // return;
 // }
 // if(pathname==="/index.css"){
 // con = fs.readFileSync("./index.css","utf-8");
 // res.end(con);
 // return;
 // }
 // if(pathname==="/index.js"){
 // con = fs.readFileSync("./index.js","utf-8");
 // res.end(con);
 // return;
 // }
//为当前的这个服务配置端口
server1.listen(80,function(){
 console.log("server ess,listening on 80");

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


分享新闻到:

更多阅读

小程序正规价格表_详解js静态资源文件请

公司新闻 2021-01-12
详细说明js静态数据資源文档恳求的解决 本文关键为大伙儿详尽详细介绍了js静态数据資...
查看全文

广州凡科互联网科技股份有限公司招聘天

公司新闻 2021-01-11
招聘人数:21职位信息岗位职责:1.负责在直播间对公司母婴产品进行介绍和展示,耐心解答粉...
查看全文

微信自助下单-新的网站为何会被降权?

公司新闻 2021-01-11
阿里云域名站被被降权惩罚是最使人头数疼的,阿里云域名站因为不久创建许多物品也没有开...
查看全文
返回全部新闻


区域站点: 南丰县如何注册微信小程序   南宫市小程序源码下载   囊谦县做一个小程序多少钱   南和县小程序游戏   南华县如何注册微信小程序   南江县小程序源码下载   南京市做一个小程序多少钱   南靖县小程序游戏   南康市如何注册微信小程序   南乐县小程序源码下载   南陵县做一个小程序多少钱   南宁市小程序游戏   南平市如何注册微信小程序   南皮县小程序源码下载   南市区做一个小程序多少钱   南通市小程序游戏   南投县如何注册微信小程序   南雄市小程序源码下载   南溪县做一个小程序多少钱   南阳市小程序游戏   南漳县如何注册微信小程序   南召县小程序源码下载   南郑县做一个小程序多少钱   那坡县小程序游戏   那曲县如何注册微信小程序   纳雍县小程序源码下载   讷河市做一个小程序多少钱   内黄县小程序游戏   内江市如何注册微信小程序   内丘县小程序源码下载   内乡县做一个小程序多少钱   嫩江市小程序游戏   聂荣县如何注册微信小程序   尼玛县小程序源码下载   尼木县做一个小程序多少钱   宁安市小程序游戏   宁波市如何注册微信小程序   宁城县小程序源码下载   宁德市做一个小程序多少钱   宁都县小程序游戏   宁国市如何注册微信小程序   宁海县小程序源码下载   宁化县做一个小程序多少钱   宁晋县小程序游戏   宁陵县如何注册微信小程序   宁明县小程序源码下载   宁南县做一个小程序多少钱   宁强县小程序游戏   宁陕县如何注册微信小程序   宁武县小程序源码下载   宁乡市做一个小程序多少钱   宁阳县小程序游戏   宁远县如何注册微信小程序   农安县小程序源码下载   磐安县做一个小程序多少钱   盘锦市小程序游戏   盘山县如何注册微信小程序   磐石市小程序源码下载   盘州市做一个小程序多少钱   蓬安县小程序游戏   澎湖县如何注册微信小程序   蓬莱市小程序源码下载   彭山县做一个小程序多少钱   蓬溪县小程序游戏   彭阳县如何注册微信小程序   彭泽县小程序源码下载   彭州市做一个小程序多少钱   偏关县小程序游戏   平安县如何注册微信小程序   平昌县小程序源码下载   平定县做一个小程序多少钱   屏东县小程序游戏   平度市如何注册微信小程序   平果县小程序源码下载   平和县做一个小程序多少钱   平湖市小程序游戏   平江县如何注册微信小程序   平乐县小程序源码下载   平凉市做一个小程序多少钱   平利县小程序游戏   平罗县如何注册微信小程序   平陆县小程序源码下载   屏南县做一个小程序多少钱   平泉市小程序游戏   屏山县如何注册微信小程序   平顺县小程序源码下载   平塘县做一个小程序多少钱   平潭县小程序游戏   平武县如何注册微信小程序   萍乡市小程序源码下载   平乡县做一个小程序多少钱   平阳县小程序游戏   平遥县如何注册微信小程序   平阴县小程序源码下载   平邑县做一个小程序多少钱   平远县小程序游戏   平舆县如何注册微信小程序   皮山县小程序源码下载   普安县做一个小程序多少钱   浦北县小程序游戏   浦城县如何注册微信小程序   普洱市小程序源码下载   普格县做一个小程序多少钱   浦江县小程序游戏   普兰县如何注册微信小程序   普宁市小程序源码下载   莆田市做一个小程序多少钱   迁安市小程序游戏   乾安县如何注册微信小程序   潜江市小程序源码下载   潜山市做一个小程序多少钱  

友情链接: 个人怎么做微信小 微信小程序 免费 小程序要多少钱能 开发一个小程序多 手机版

Copyright © 2002-2020 做一个小程序多少钱_小程序游戏_如何注册微信小程序_小程序源码下载_小程序原型设计工具 版权所有 (网站地图) 备案号:粤ICP备10235580号