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数据库的模块
