NodeJS学习1

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事件监听的触发，发生请求：看代码

    
        
        
        
        
    
    
        
主页
        
        
    

上边的代码，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