node.js

cmd命令:

   ./  当前目录

   ../ 上一级

   dir  查看当前目录

   ls  查看当前目录下文件

   windows 切换盘符 d:

   cls清屏

   cd +文件加名

es6:

1.let/const

2.对象里的方法function可以省略

3.函数中的默认参数

4.template

5.箭头函数

6.展开操作符

7.解构赋值

8.Symbol

9.class 模拟类,但本质是基于原型的

10.for ...of

11.promise 解决回调金字塔.回调地狱

12.生成器函数,可以退出函数

13.JS模块化

NodeJS:

1.node.js开发环境搭建

2.npm nodejs包管理器

3.CommonJS模块化标准化,AMD(require)

4.导出模块/加载模块

fs模块(读写文件)

var fs = require("fs");//加载模块

//异步读取文件

fs.readFile("./readme.txt","utf8", (err, data) => {

if(err) throw err;

console.log(data);

});

//同步读取文件 Synchrous

var data = fs.readFileSync("./readme.txt","utf8");

console.log(data);

//异步写入文件

fs.writeFile("./test.txt", "This is test content~~~",(err) => {

if(err)throw err;

console.log("写入成功");

})

console.log("write");

//同步写入文件

fs.writeFileSync("./test.txt", "This is test content~~~");

console.log("write");

查看路径信息stat:fs.stat(path, (err, stat) => {})

fs.stat("./test", (err, stat) => {

if(err) throw err;

console.log(stat);

if(stat.isFile()) {

console.log("该路径为文件");

}else if (stat.isDirectory()) {

console.log("该路径为文件夹");

}

})

path模块

var path = require("path"); //加载模块

path.dirname(url) 获取目录名

path.extname(url)获取后缀名

path.join([...paths]) 拼接路径

var url = "https://nodejs.org/dist/latest-v6.x/docs/api/path.html";

var p1 = path.basename(url,".html");

console.log(p1); //path

var p2 = path.dirname(url);

console.log(p2); //https://nodejs.org/dist/latest-v6.x/docs/api

var p3 = path.extname(url);

console.log(p3); //.html

var p4 = path.join(__dirname, "./a", "../b", "c");

console.log(p4); //E:\node\nodejs_2\b\c

querystring模块 查询字符串

var qs = require("querystring");

var o = {

color: "red",

border: "1px solid red",

"font-size": "16px"

}

var ret = qs.stringify(o, ";", ":");

console.log(ret);

// "color:red;border: 1px solid red;font-size: 16px"

http模块

var http = require("http"); //加载模块

var server = http.createServer((request, response) => {

//创建一个web服务器

//request

//response

//设置响应头

console.log(request.url);

switch(request.url) {

             case "/":

                    response.write("首页");

                     break;

case "/list":

response.write("列表页");

break;

case "/detail":

response.write("详情页");

break;

}

response.writeHead(200, {

"Content-Type":"text/html; charset=utf8"

})

response.end();

//if(request.url)

})

//http80端口号 ftp23端口号

server.listen(3000, function() {

console.log("server has started at port 3000");

})

1.http请求页面,不是该文件目录下的页面重定向,其余的根据目录查找

var http = require("http"); //CommonJS规范 加载模块

var fs = require("fs");

var path = require("path");

var server = http.Server(); //创建服务器

server.on("request", function(req, res) {

var filepath = path.join(__dirname, "./www", req.url);

if(req.url === "/") {

filepath = path.join(filepath, "index/html");

}

try{

var stat = fs.statSync(filepath);

if(stat.isFile()) {

var content = fs.readFileSync(filepath);

res.setHeader("Content0length", Buffer.bytelength(content))

res.write(content);

}else if(stat.isDirectory() {

//当请求的路径是目录的时候

})

}catch(e) {

//重定向301(永久) 302(暂时)

res.writeHead(302, {

"Location" : "/"

})

}

res.end();

})

server.listen(3000, function() {

console.log("server has started");

})

http协议:

HyperText Transport Protocol)是超文本传输协议的缩写.

http请求:get/post/put/delete(get在地址栏,传输速度快,大小有限制.在头,只能传输一些文本;post加密传输,在正文)

可以发起http请求的方式:浏览器/postman/curl/Fiddle/php/node.js

http1.0和http1.1的区别:1.0是每次请求都建立一个连接,而1.1是多个请求一个连接.

报文:请求头(post有content-type:"application-x-www-form-urlencoded", cookie)+正文

xhr.readystate

XMLHttpRequest.UNSENT  0        初始化连接

XMLHttpRequest.OPENED  1        连接建立

XMLHttpRequest.HEADER_RECEIVED 2  接收到请求头

XMLHttpRequest.LOADING  3        处理数据

XMLHttpRequest.DONE    4        处理完毕

xhr.status HTTP响应状态码

1开头  101 切换协议

2开头  成功  200

3开头  重定向  304 301/302

4开头  客户端错误  404 403

5开头  服务器端错误

2.爬虫 cheerio

原理: 1.拉取页面(字符串)http.get/request(node),file_get_content(php)

2.使用模块,方便快捷筛选.cheerio(node), simple.html.dom.php(php)

3.收集信息

npm install cheerio //安装cheerio模块

npm init

// spider.js

var http    = require("http");

var cheerio = require("cheerio");

var fs      = require("fs");

3.express 基于 Node.js 平台,快速、开放、极简的 web 开发框架。

nmp install express -g

npm install express-generator -g(快速创建express的整体目录)

express -h

express myapp

cd myapp

npm start

express

1.新建文件夹

cd到该文件目录下

npm init (enter name:myapp enter....)

npm install express

在myapp里面新建app.js

在app.js里面写代码

var express  = require("express"),//加载express模块

http = require("http"), //加载http模块

app  = express(), //创建一个express实例

server  = http.createServer(app); //app可以作为http创建服务器的回调函数

//静态资源挂载,设置静态资源目录

//中间件 express.static

//挂载中间件 使用use

app.use(express.static("public"));

//定义一个获取访问用户IP的中间件

//哪个先挂载,先使用哪个的代码

var ips = [];

function getIp(req, res, next) {

console.log(req.ip);

ips.push(req.ip);

next();

}

function responseIP (req, res, next) {

res.send(req.ip);

}

app.use((req, res, next) => {

console.log("hello");

next();

})

app.use(getIp);

app.use(responseIP);

app.get("/", (req, res) => {

res.send("首页");

})

app.get("/list", (req, res) => {

// console.log(req.ip);获取ip

res.send("列表页");

})

app.get("/details", (req, res) => {

res.send("详情页");

})

server.listen(3000, function() {

//监听端口号3000,并提示服务成功开启

console.log("Server has started");

})

总结express:中间件和路由.

3.websocket 构建实时应用(你猜我画,视频直播)

全双工、双向数据、长连接的协议,h5新增特性

服务器端能够主动向浏览器端发送消息

必须浏览器要支持,服务器要支持,数据传输格式是Frame

过程:第一次是由客户端发起,请求的报文的请求头会多一些内容,要求服务器更换协议.

服务器端响应回报文,响应头也会多几条数据,之后就能建立长的连接.

a. 发起请求,跟一般的http请求不同的地方,

请求头 包括:

Sec-WebSocket-Key:asgK0L1sVa22xbiq8MU58w==

Sec-WebSocket-Version:13

Upgrade:websocket

让服务器更新切换协议 websocket

b. 服务器收到请求,upgrade

经过一定的步骤算法 产生

Sec-WebSocket-Accept:IQcF4EGKE8sALj3PxJRvYQ1iG2Y

2.  npm init

npm install socketio express --save-dev

socketio 是对websocket协议封装的一个模块,让客户端和服务器端的写法都是一样的

socket.emit()发数据

socket.on()收数据

监听客户端连接,回调函数会传递本次连接的socket

io.on('connection',function(socket));

给所有客户端广播消息

io.sockets.emit('String',data);

给指定的客户端发送消息

io.sockets.socket(socketid).emit('String', data);

监听客户端发送的信息

socket.on('String',function(data));

给该socket的客户端发送消息

socket.emit('String', data);

3.WebSocket

new Websocket("ws:localhost/chat")

gulp

npm init

npm install gulp --save-dev

新建 gulpfile.js(默认执行的文件)

//gulpfile.js

//1.安排任务, 2.自动执行

var gulp = require("gulp");

var uglify = require("gulp-uglify");

//task1 定义一个任务ufligy 压缩js

gulp.task("uglify" ,function() {

gulp.src("./src/js/*.js")

.pipe(uglify())

.pipe(gulp.dest("./dist/js"))

})

安装gulp-uglify插件 npm install gulp-uglify --save-dev

新建src文件夹 > js文件夹 >demo.js

新建dist文件夹> js文件夹 >

运行 gulp uglify

然后在dist文件夹就能找到已经压缩的demo.js

插件:gulp-less

插件:gulp-minify-css

//文件看守, 监听./src/less/*.less 文件的变化,变化运行该less任务

gulp.task("default", ["uglify", "less"], function() {

gulp.watch("./src/less/*.less", ["less"]);

})

//运行 gulp即可即使更改代码

webpack

全局安装webpack npm install webpack --save-dev

新建文件夹webpack

1.初始化一个项目 npm init

name:不能为webpack

2.在该文件夹下面安装npm install webpack --save-dev

3. webpack 资源模块化

webpack ./app/main.js ./app/bundle.js

4. mongodb 非关系型数据库

mongoose Nodejs操作mongodb数据库的模块

你可能感兴趣的:(node.js)