node初体验

时间 2019-11-08

标签 node 体验繁體版

原文原文链接

前言

在学习webpack和vue的过程当中常常会遇到关于node的知识，CommonJS规范等，因此对于前端来讲学习node是很是有必要的，因此就有了这一篇node初体验的文章。javascript

node安装

这个很少说，在node官网下载安装包直接安装就能够，node预设了npm，npm是一个用javascript写的包管理器，用于管理模块，想了解更多能够到https://www.npmjs.com/上去看，上面有很是多的模块，下面直接进入正文。html

正文

用node直接撸了一个处理post请求，主要的知识点有函数式编程、路由、阻塞与非阻塞、回调、事件轮询、内部和外部模块等等。前端

index.js

var server = require('./server.js'),
    router = require('./router.js'),
    requestHandle = require("./requestHandlers.js"),
    handle = {};

handle['/'] = requestHandle.start;
handle['/upload'] = requestHandle.upload;
handle['/start'] = requestHandle.start;
server.start(router.route,handle);

复制代码

server.js

function start(route,handle){

    var http = require("http");
    var url = require("url");
    // 请求
    function onRequest(request,respone) {
        var pathname=url.parse(request.url).pathname,
            postData="";
      
        request.setEncoding('utf8');
        request.addListener('data',function(postDatachunk) {
            postData += postDatachunk;
        });
        request.addListener('end',function() {
            route(pathname,handle,respone,postData);
        });
    }

    http.createServer(onRequest).listen(8888);
    console.log("server is start");
}
//导出函数
exports.start = start;
复制代码

router.js

function route(pathname,handle,respone,postData) {
    console.log('请求来自'+pathname);
    if(typeof(handle[pathname]) === 'function')
    {
        handle[pathname](respone,postData);
    }else{
        console.log("404 not found");
        respone.writeHead(200,{"Content-Type":"text/plain"});
        respone.write("404 not found!");
        respone.end();
    }
}

exports.route = route;
复制代码

requestHandlers.js

var querystring = require('querystring');
function upload(respone,postData) {
    console.log("这个是upload路由");
    respone.writeHead(200,{"Content-Type":"text/plain"});
    respone.write(querystring.parse(postData).txt);
    respone.end();
};
function start(respone) {
    console.log("这个是start路由");
    var body =  '<html>'+
                '<head>'+
                '<meta charset="UTF-8">'+
                '<style>'+
                '#txt{float:left;width: 250px;height: 50px;border-right:none;border-top-left-radius: 3px;border-bottom-left:3px;}'+
                '#submit{float:left;border-sizing:border-box;width: 100px;height: 50px;background:skyblue;color: #fff;font-size: 18px;}'+
                '</style>'+
                '</head>'+
                '<body>'+
                '<form action="/upload" method="post">'+
                '<input type="text" id="txt" name="txt" />'+
                '<input type="submit" value="提交" id="submit" name="submit"/>'+
                '</form>'+
                '</body>'+
                '</html>';
    respone.writeHead(200,{"Content-Type":"text/html"});
    respone.write(body);
    respone.end();
};

exports.upload = upload;
exports.start = start;
复制代码

总结

事件轮询（event loop）

JavaScript是一门单线程语言，也就是说若是遇到大量的任务或者耗时任务，线程就会被堵塞，须要等待其执行完毕，这就会形成页面假死等状态，为了解决这个问题，就须要有eventloop线程，简单来讲咱们能够新建一个eventloop线程负责主线程与其它进程的通讯，这样在有大量任务和耗时任务时咱们就交给eventloop线程去处理，通常是各类io操做，处理完毕后返回给主线程并执行预先设置的回调函数，这个模式咱们就叫作非阻塞模式或者异步模式。在此次node初体验中，我使用了child_process模块来实现了一个非阻塞操做代码以下vue

var exex = require("child_process").exec;
function test(respone) {
    exec("find /",{ timeout : 10000, maxBuffer : 200*1024},function(error,stdout,stderr) {
        respone.writeHead(200,{"Content-Type":"text/plain"});
        respone.write(stdout);
        respone.end();
    });
    // 阻塞操做
    // var time = new Date().getTime();
    // while(new Date().getTime()<time + 30000);
    // console.log("xxxxxxxxxxxxxxxxxxxxxxxxxx");
}
复制代码