美文网首页
NodeJS学习1

NodeJS学习1

作者: 名字长不重复 | 来源:发表于2017-07-11 18:26 被阅读0次

Node里的http和fs的模块学习中见到的问题

node的fs模块

//读文件
//1.引包引入node所需要的读取文件的模块
var fs = require('fs');
//读文件操作\n
//node具有大量的异步操作,读取文件成功,获取到文件的内容需要利用回调函数,其中的回到哦函数具有2个参数,
//err失败操作err是一个错误对象,data无数据
//成功的话err为null,data为读取到的2进制数据
fs.readFile('./01.js', function(err, data) {
    if(!err) {
        console.log(data.toString());
    }else {
        console.log(err);
    }

});

读文件的API的回调函数中的参数data返回的值为二进制数Buffer格式数据;在输出的时候要想转换成需要利用toString()进行转换成字符串;

node的http模块

请求次数问题

//http服务
//1.引包
var http = require('http');
//创建服务器
var server = http.createServer();
//设置请求处理函数
//事件监听request的请求;监听用户的访问事件,来进行事件处理,
/*回调函数居勇2个参数:分别是
 * request:请求参数,
 * response:服务器响应的参数
 * 
 * */
server.on('request', function(req,res){
    //每请求一次页面此处会输出两次
    console.log('进去页面');
    res.write('hello');
    res.end();

});

//监听端口号
server.listen(3000, function() {
    console.log('服务启动成功');
});

在此处出现的问题是request事件的请求每次刷新页面会输出两次,证明会请求2次在谷歌浏览器处是这个情况;谷歌中的2次请求为:1次页面的请求,1次favicon.ico;打开浏览器的调试Network会看到2次网络的请求;减少favicon.ico的方法:事件监听的回调函数的rep的参数,具有url属性(rep.url)会记录此次浏览器的请求路径,加入下边的代码就可以避免:

//判断请求路径
if(req.url == '/favicon.ico') return;

http资源请求静态资源的问题

静态资源包括img和script的src,link的href都会触发后台的respond事件监听的触发,发生请求:看代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--这里会对后台发生请求-->
        <link rel="stylesheet" type="text/css" href="../assets/css/style.css"/>
    </head>
    <body>
        <h1>主页</h1>
        <!--这里也会发生请求-->
        <script src="../assets/js/01.js"></script>
    </body>
</html>

上边的代码,css和js都是存储在服务器端的静态资源的代码,请求的地址/assets/这个文件夹服务端的代码可以改写为:

var http = require('http');
var fs = require('fs');
var server = http.createServer(function(rsp, res) {
    var url = rsp.url;
    if(url == '/favicon.ico') return;
    if(url.indexOf('assets') != -1) {
        console.log(url);
        //不等于-1证明要请求静态的资源
        url = '../' + url
        fs.readFile(url, function(err, data) {
            if(err) throw err;
            res.end(data);
        });
    } else {
        url = url.substr(1) ? url.substr(1) : 'index';
        fs.readFile('./../view/' + url + '.html', function(err, data) {
            if(err) throw err;
            res.end(data);
        });
    }

});
server.listen(3000, function() {
    console.log('running.....')
})

此段服务器端的代码需要相应的目录结构配合

image.png

相关文章

  • 8 Vue脚手架Vue-CLI3.0搭建

    1、安装:使用npm进行安装 ->后期需学习nodejs,nodejs的下载包含npm,下载nodejs即可 (1...

  • NodeJS学习1

    Node里的http和fs的模块学习中见到的问题 node的fs模块 读文件的API的回调函数中的参数data返回...

  • Nodejs学习笔记(1)

    简介 Node是Ryan Dahl把V8引擎(用于Chrome浏览器的JS解释部分)搬到了服务器上,用于做服务器的...

  • Nodejs 学习1 Koa

    1、开发环境配置 1)终端安装 npm、node 2)IDE安装 webstorm 2、开始学习 1)初始化环境 ...

  • nodejs学习-基础1

    JS可以写前端,生成动态图; 写后端,处理本地文件。有很好很大的社区、有最大的开源库。所以JS值得去学习。 下面整...

  • nodejs学习笔记1

    nodejs本质上其实就是js,只不过是运行的环境不同,当它运行在本地chrome时,它就是客户端文件;当它运行在...

  • NodeJS学习(1)NodeJS简介与安装

    什么是NodeJS NodeJS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器...

  • nodejs简介(为什么学)

    推荐学习网站: 1.nodejs官网:https://nodejs.org/zh-cn/ 2.https://ww...

  • Mac 下 nodejs 学习

    Mac 下 nodejs 学习 Mac 下 nodejs 学习http://www.jianshu.com/p/a...

  • Nodejs入门--学习笔记(1)

    本人从事前端开发工作,对node比较感兴趣,就在这贴出自己的学习笔记,以前学习一直看视频敲代码,感觉收获不是很多,...

网友评论

      本文标题:NodeJS学习1

      本文链接:https://www.haomeiwen.com/subject/oobmhxtx.html