Node.js学习

1.events模块

events模块的使用主要有四步
首先require我们的events模块,然后创建一个eventEmitter对象,再然后注册事件并写出回调函数,第四步使用对象的emit方法触发事件。
如果希望事件异步执行,可以在回调函数中调用setImmdiate函数。

//引入事件模块
let events=require('events');
//创建eventEmitter对象,实例化对象的时候要使用new关键字
let myE=new events.EventEmitter();
//注册事件
myE.on('someEvent',(str)=>{
    setImmdiate(()=>{
        console.log('注册事件并异步执行'+str);
    })
})
//触发事件,两个参数:触发的事件名,传入事件的回调函数的参数
myE.emit('someEvent'," ojbk");

注册事件除了on关键字,还可以使用once关键字。顾名思义,once关键字注册的事件在触发一次之后就会被注销。

let events=require('events');
let myE=new events.EventEmitter();
let cnt=0;
myE.on('pig',()=>{
    console.log(cnt++);
})
for(let i=0;i<3;i++){
    myE.emit('pig');
}
//0 1 2
let events=require('events');
let myE=new events.EventEmitter();
let cnt=0;
myE.once('pig',()=>{
    console.log(cnt++);
})
for(let i=0;i<3;i++){
    myE.emit('pig');
}
//0

2.文件模块

文件模块fs包含的方法有文件的读取,写入,删除等等,并且与事件模块一样有同步的版本也有异步的版本。

const fs=require('fs');
let pig=fs.readFileSync('url','utf-8');//同步读取
fs.writeFileSync('url','happy pig year')//同步写入

同步的写入与读取都有两个参数,第一个参数都是文件的路径,读取的第二个参数为读取的编码格式,写入的第二个参数为写入的内容。

fs.readFile('url','utf-8',(err,data)=>{
    if(err)throw err;
    console.log(data);
});

而异步的读取与写入多了一个回调函数作为第三个参数,这个回调函数有两个参数,第一个是异常err,第二个是读取的data。

fs.unlink('url',(err)=>{
    if(err)throw err;
    console.log("文件删除成功");
})

删除文件使用fs对象的unlink方法,传入需要删除的文件路径和回调函数。

fs.mkdir('stuff',()=>{
    console.log("创建成功!")
})

fs对象下的mkdir方法可以用于异步创建文件夹

fs.rmdir('stuff',(err)=>{
    if(err) throw err;
    console.log("删除成功!")
})

fs对象下的rmdir方法可以用于异步的删除文件夹,但是前提是文件夹必须为空。
若想删除非空的文件夹,需要先用unlink方法删除文件夹里的文件。可以在在rmdir的回调函数中写unlink方法。

3.http模块

运用这个模块,我们可以在本地搭建自己的服务器。
客户端与服务端通过socket连接,客户端发送给服务端请求需要满足Http或Https协议,服务端给客户端返回信息满足TCP协议

//通过Http模块搭建本地服务器
let http=require('http');

//创建服务器方法
let server=http.createServer((req,res)=>{
    console.log("客户端向服务器发送请求"+req.url);
    res.writeHead(200,{"Content-type":"text/plain"});//响应头,给客户端发送纯文本信息
    res.end("server is working")
})

//服务对象监听服务器地址及端口号
server.listen(6174,"127.0.0.1");
console.log("server is running")

首先要引入http模块,然后通过返回的对象的createServer方法创建服务器,这个方法有一个回调函数,传入的两个参数分别是require和response。可以在回调函数中编写我们的请求头。创建的server对象中的listen方法可以设置监听对象的端口号和服务器地址。

4.Buffer模块

Buffer是Node.js中的一个全局对象,所以Buffer对象的不需要引入buffer模块。
Buffer的作用主要是为服务器通过TCP向客户端发送的数据提供缓冲,Buffer存储了一小块一小块的数据后以stream(流)的形式发送给客户端。流的传输通过pipe(管道)实现。

let fs=require('fs');
//读取文件流
let pig=fs.createReadStream(__dirname+'/pig.txt','utf8');
//写入文件流
let pigger=fs.createWriteStream(__dirname+'/pigger2.txt');
pig.pipe(pigger);
/*
pig.on('data',(chunk)=>{
    console.log("=====正在接受====");
    console.log(chunk);
    pigger.write(chunk);
})
*/

由于stream模块是eventEmitter new出来的一个实例,所以也可以通过.on方法注册一个事件来读取数据流,但是事件名是规定好的,只能叫data。
可以通过.write写入数据流,也可以直接使用pipe写入数据,括号中参数为写入的对象。

let http=require('http');
let fs=require('fs');
let server=http.createServer((req,res)=>{
    res.writeHead(200,{"Content":"text/plain"});
    let rs=fs.createReadStream(__dirname+'/pig.txt','utf8');
    rs.pipe(res);
    console.log("server is running");
})
server.listen(6174,'127.0.0.1');

结合第3、4个模块,就可以将本地的txt文件展示到浏览器上辣~
但是pipe的路径需为response。
除了展示txt,还可以展示html文件和json文件。只需修改请求头即可

res.writeHead(200,{"Content":"text/html"});
let rs=fs.createReadStream(__dirname+'/pig.html','utf8');

5.Router路由

let http=require('http');
let fs=require('fs');
let server=http.createServer((req,res)=>{
    if(req.url==='/'||req.url==='/home') {
        res.writeHead(200, {"Content": "text/html"});
        fs.createReadStream(__dirname+'/pig.html','utf8').pipe(res);
        console.log("visit pig")
    }else if(req.url==='/doc'){
        res.writeHead(200,{"Content":"text/html"});
        fs.createReadStream(__dirname+'/doc.html','utf8').pipe(res);
        console.log("visit doc")
    }
})
server.listen(6174,'127.0.0.1');
console.log("server is running");

6.npm的使用

npm的全称是node package manager,可以通过npm下载到好用的第三方库如jQuery。
下载第三方库:
npm install <module name>
例如:npm install jquery
要安装某个某块,必须要在对应的路径上存在package.json文件,用于定义各种基础数据,可以通过npm init安装package.json。
package.js长这样:

{
  "name": "pig",
  "version": "1.0.0",
  "description": "node app",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

当使用npm下载了模块后,项目中会出现一个新文件夹叫node_modules,里面装的都是第三方库或者框架。
卸载第三库方法:npm uninstall <node module>
但是单单使用上面的代码没有办法让安装的库存储到package.json文件中,我们可以使用npm install jquery --save
这时package.json中就会在dependences中记录安装的库
npm install jquery --save-dev可以记录项目当中运用的库

7.express框架

安装方法:npm install express -save-dev
安装nodemon:npm install -g nodemon
express模块的使用:

//引入express模块
let express=require('express');
//实例化express对象
let app=express();
//调用对应的方法(路由)
app.get('/',(req,res)=>{
    console.log(req.url);
    res.send('home page');
})
app.get('/contact',(req,res)=>{
    console.log(req.url);
    res.send('contact page')
})
//路由参数,第二个/后面为路由参数,根据输入的内容返回不同的歌内容
app.get('/pig/:id',(req,res)=>{
    res.send('visit id:'+req.params.id);
})

//监听服务器端口
app.listen(6174);
EJS模板引擎的使用

在项目中安装:`npm install ejs --save-dev

//引入express模块
let express=require('express');
//实例化express对象
let app=express();
//配置视图引擎
app.set('view engine','ejs');
//调用对应的方法(路由)
app.get('/',(req,res)=>{
    console.log(req.url);
    res.sendFile(__dirname+'/index.html');
})
app.get('/contact',(req,res)=>{
    console.log(req.url);
    res.send('contact page')
})
//路由参数,第二个/后面为路由参数,根据输入的内容返回不同的歌内容
app.get('/pig/:id',(req,res)=>{
    res.render('project',{name:"ejs!!"});
});

//监听服务器端口
app.listen(6174);
<h1><%= name%></h1>

在ejs文件中如果要写js代码,只需加上<%%>即可(emm有点像php)

app.get('/pig/:id',(req,res)=>{
    let data=[{age:18,name:"yuan"},{age:180,name:"idler"}]
    res.render('project',{webSite:req.params.id,data:data});
});
<ul>
    <% data.forEach((item)=>{%>
        <li><%= item.age %></li>
        <li><%= item.name %></li>
    <%})%>
</ul>

如何让ejs识别外部的css或是公共模板?
公共模板:

<nav>
    <ul>
        <li><a href="/">home</a></li>
        <li><a href="/contact">contact</a></li>
        <li><a href="/project">project</a></li>
    </ul>
</nav>
<% include ../public/nav.ejs %><!---引入公共模板--->

让服务器识别外部的样式表:

//让服务器识别外部样式表
app.use('/assets',express.static('assets'))


TodoApp项目

1.创建项目&配置环境

npm init
npm install express --save-dev
npm install ejs body-parser --save-dev

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容