难怪我没学会, 因为我的套路有问题. 错误点, 1,大而全 2,不注重思路

学习要领: 

1, 小而精

2, 重思路(总结)


nodejs特点:

    1.node提供了js的运行环境, 一般将node运行在服务端, 丰富了各种模块,jsplus

    2.大量的工具库

    3.事件驱动&异步IO,谷歌v8引擎

全局js对象是windows,而node环境下全局js对象是global

express 基于nodejs的web框架: Fast, unopinionated, minimalist web framework for Node.js

node命令参数

参考

npm install module-name -save 自动把模块和版本号添加到dependencies部分,新版本的node可以省略这个参数

npm install module-name -save-dve 自动把模块和版本号添加到devdependencies部分

-S, --save: Package will appear in your dependencies.新版本node的可以省略

-D, --save-dev: Package will appear in your devDependencies.

-O, --save-optional: Package will appear in your optionalDependencies.

还有一个设置代理, 公司里会用到(因为有网络限制)



下载长期支持版

    https://nodejs.org/en/

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建文件模板:

<template>

    <div></div>

</template>

<script>

    export default {

        data() {

            return {}

        },

        methods: {},

        computed: {},

        componets: {}

    }

</script>

<style scoped>

</style>

解决webstorm卡顿问题

cd s1

npm init -y  # 默认是ISC协议, 一般是MIT协议,自由可更改,永久免费

npm install vue axios bootstrap


- repl环境: 即交互环境

read-eval-print loop '读取--求值--输出' 循环



思路:

1.创建服务器,访问

2,区分path和query

3,返回指定html, fs模块

4,返回任意html

5.根据后缀设置content-type

// 思路: 接收请求 -- 获取后缀 -- 设置content-type -- 响应

url里的path和query的区别

url里的path和query-http和url模块

var http = require("http"),

    url = require("url"),

    fs = require("fs");

s1 = http.createServer(function (req, res) {

    // res.write("<h1>hello yifei</h1>");

    // res.end();

    var urlObj = url.parse(req.url, true),

        pathname = urlObj['pathname'], //path

        query = urlObj['query']; //?后面的参数 {}类型

    console.log(pathname);

    console.log(query);

    res.end();//终结请求

});

s1.listen(1234, function () {

    console.log("http://127.0.0.1:1234/getdata/?name=maotai&age=22");

});

结果

fs模块: 返回网页

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test</title>

    <link rel="stylesheet" href="css/base.css">

</head>

<body>

<h1>用户登录</h1>

<form action="/add.html" method="get">

    <p>用户: <input type="text" name="username"></p>

    <p>密码: <input type="text" name="password"></p>

    <p><input type="submit"></p>

</form>

</body>

</html>

css/base.css

body{

    background-color: #0086b3;

}

node代码

var http = require('http'),

    url = require('url'),

    fs = require('fs');

s1 = http.createServer(function (req, res) {

    var urlObj = url.parse(req.url, true),

        pathname = urlObj['pathname'],

        query = urlObj['query'];

    console.log(pathname, query);

    if (pathname === "/index.html") {

        var con = fs.readFileSync("./index.html"); //读取html,返回

        res.end(con);

        return;

    }

    if (pathname === "/css/base.css") { //index.html里会调用css

        con = fs.readFileSync("./css/base.css","utf-8");

        res.end(con);

        return;

    }

});

s1.listen("1234", function () {

    console.log("http://127.0.0.1:1234/index.html");

});

根据pathname返回不通的url

最简陋的实现(如果html不存在会报错)

var http = require("http"),

    url = require("url"),

    fs = require("fs");

s1 = http.createServer(function (req, res) {

    var urlObj = url.parse(req.url),

        pathname = urlObj['pathname'],

        query = urlObj['query'];

    pathname = "." + pathname;

    var con = fs.readFileSync(pathname); //根据pathname返回不同的url

    res.end(con);

    return; //代表终结

});

s1.listen(1234, function () {

    console.log("http://127.0.0.1:1234/index.html")

});

处理错误

var http = require("http"),

    url = require("url"),

    fs = require("fs");

s1 = http.createServer(function (req, res) {

    var urlObj = url.parse(req.url),

        pathname = urlObj['pathname'],

        query = urlObj['query'];

    try {

        var con = fs.readFileSync('.'+pathname);

        res.end(con);

    } catch (e) {

        res.end("request file is not fonund!")

    }

    return;

});

s1.listen(1234, function () {

    console.log("http://127.0.0.1:1234/index.html")

});

处理mime

每一种资源文件都有自己的标识类型. 浏览器按照提供的MIME(content-type)类型渲染页面

什么是MIME,及conetent-type

即不通类型不同的显示,如html css

谷歌浏览器会智能处理一些类型.

// 思路: 接收请求 -- 获取后缀 -- 设置content-type -- 响应

var http = require('http'),

    url = require('url'),

    fs = require('fs');

s1 = http.createServer(function (req, res) {

    var urlObj = url.parse(req.url),

        pathname = urlObj['pathname'],

        query = urlObj['query'];

    var reg = /\.(HTML|CSS|JS|JSON|TXT|ICO)/i;

    var suffixMIME = 'text/plain';

    if (reg.test(pathname)) {

        var suffix = reg.exec(pathname)[1].toUpperCase();

        switch (suffix) {

            case "HTML":

                suffixMIME = 'text/html';

                break;

            case "JS":

                suffixMIME = 'text/javascript';

                break;

            case "CSS":

                suffixMIME = 'text/css';

                break;

            case "JSON":

                suffixMIME = 'application/json';

                break;

            case "ICO":

                suffixMIME = 'application/octet-stream';

                break;

        }

    }

    try {

        con = fs.readFileSync('.' + pathname);

        res.writeHead(200, {'content-type': suffixMIME + ';charset=utf-8'});

        res.end(con);

    } catch (e) {

        res.writeHead(404, {'content-type': 'text/plain;charset=utf-8'});

        res.end("file not found")

    }

});

s1.listen(1234, function () {

    console.log("http://127.0.0.1:1234/index.html");

});

[js]nodejs初探http/url/fs模块的更多相关文章

  1. nodejs入门API之fs模块

    fs模块下的类与FS常量 fs模块下的主要方法 fs的Promise API与FileHandle类 一.fs模块下的类 1.1 fs.Dir:表示目录流的类,由 fs.opendir().fs.op ...

  2. Node.js实战11：fs模块初探。

    fs模块封装了对文件操作的各种方法,比如同步和异步读写.批量操作.流.监听. 我们还是通常例程学习, 获取目录下的文件清单: var fs =require("fs"); fs.r ...

  3. node(03)--利用 HTTP 模块 URl 模块 PATH 模块 FS 模块创建一个 WEB 服务器

    Web 服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等 Web 客户端提供文档,也可以放置网站文件,让全世界浏览:可以放置数据文件,让全世界下载.目前最主流的三个 We ...

  4. node.js系列笔记之fs模块《二》

    一:感触 最近工作比较忙,感觉也比较多,因为工作上的不顺利,再加上加班比较多,所以最近心情不是很好,再加上英语能力差到不行,所以最近半个月学习进度也比较慢, 但还是告诉自己每天都坚持学一点,即使今天心 ...

  5. NodeJs Fs模块

    和前面的Http.Url模块一样,Fs模块也是node的核心模块之一,主要用于对系统文件及目录进行读写操作. 基本方法 fs.stat fs.stat可以用来判断是文件还是目录:stats.isFil ...

  6. Node.js 文件系统fs模块

    Node.js 文件系统封装在 fs 模块是中,它提供了文件的读取.写入.更名.删除.遍历目录.链接等POSIX 文件系统操作. 与其他模块不同的是,fs 模块中所有的操作都提供了异步的和 同步的两个 ...

  7. nodejs学习笔记一（ sublime、atom开发环境，http模块，fs模块的初识）

    http服务   let server = http.createServer(function(req,res){       });   监听: server.listen(8080);   re ...

  8. Node.js学习笔记(四) --- fs模块的使用

    目录 . fs.stat 检测是文件还是目录 . fs.mkdir 创建目录 . fs.writeFile 创建写入文件 . fs.appendFile 追加文件 . fs.readFile 读取文件 ...

  9. node.js入门学习（一）环境安装,REPL,fs模块,path模块,http模块

    一.node.js介绍 1.1.node.js是什么 官网首页总结:Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时. 1)node.js是一个开发平台,就像j ...

随机推荐

  1. (9) MySQL主主复制架构使用方法

    一. 回忆主从复制的一些缺点 上节说到主从复制的一些问题 我们再来回忆一下 主从复制,增加了一个数据库副本,从数据库和主数据库的数据最终会是一致的 之所以说是最终一致,因为mysql复制是异步的,正常 ...

  2. CMakeLists

    #cmake最低版本需求,不加入此行会受到警告信息CMAKE_MINIMUM_REQUIRED(VERSION 2.6)PROJECT(HELLO) #项目名称#把当前目录(.)下所有源代码文件和头文 ...

  3. replay的意义

    数据库重放: () 在测试环境中重新创建实际的生产数据库工作量. () 在生产中实施更改之前,确定和分析潜在的不稳定性. () 捕获生产中的工作量:

  4. 一个第三方Dart库导致的编译错误！

    今天学习flutter过程中,突然程序不能运行了,无论是命令行,抑或Android Studio,还是Idea都是出现同样错误,如下: Running .5s Launching lib\main.d ...

  5. python 中 __init__方法

    注意1,__init__并不相当于C#中的构造函数,执行它的时候,实例已构造出来了. class A(object): def __init__(self,name): self.name=name ...

  6. linux中，history命令，显示时间戳？操作人？IP地址？

    需求描述: 在linux环境中,有的时候为了审计的需要,要记录谁什么时间从什么IP登录,执行了什么命令,bash的history命令就能够记录这些信息,但是在默认的情况下,是不记录时间的,所以呢,在这 ...

  7. SpringBoot------自定义Logback日志

    帮助文档: https://docs.spring.io/spring-boot/docs/2.1.0.BUILD-SNAPSHOT/reference/htmlsingle/#boot-featur ...

  8. css背景图宽度只适应，高度不变

    保证1920px的图片,在低分率率的电脑上也能正常显示,两边裁剪,中间居中,高度不变 <!DOCTYPE html> <html lang="en"> &l ...

  9. C# WinForm窗体隐藏右上角最小化、最大化、关闭按钮

    C# WinForm窗体隐藏右上角最小化.最大化.关闭按钮 如何赢藏WinForm窗体的右上角按钮  设置设置ControlBox = false: 设置ControlBox = false:

  10. python之刷博客访问量

    通过写刷访问量学习正则匹配 说明信息 说明:仅仅是为了熟悉正则表达式以及网页结构,并不赞成刷访问量操作. 1.刷访问量第一版 1.1 确定网页url结构,构造匹配模式串 首先是要确定刷的网页.第一版实 ...