Node基础
node发展史
|
node 是什么
编写服务端的语言。
服务端 和客户端编写代码有什么区别?
为什么学习Node?
为了咱们可以了解服务端开发。掌握服务端开发基本流程s
为了前端工程化开发。
- IO优势
- IO I—inputu 读取文件 o — outinput 写入文件
- 对于文件读写,Node采用的是非阻塞IO
- 传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能
- 非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能
- 应用场景
- 实际应用: webpack/gulp/npm/http-server/json-server
- 服务器中负责IO读写的中间层服务器(天猫中间层IO服务器)
NodeJS特点
-
其移植了chrome V8 引擎,解析和执行代码机制和浏览器js相同
-
其沿用了JavaScript语法、另外扩展了自己需要的功能
-
总结: nodejs 是一个后端语言 , 其具备操作文件的能力, 可以具备服务器的创建和操作能力 node也是运行环境
- 其语法是JavaScript语法,代码运行在chrome V8 引擎之上
- 为什么是能够运行 js 因为js天然运行环境是浏览器;也就是在V8引擎上;因为node植入了v8引擎所以可以运行
node 前端学习一个区别
1: 用js 操作dom bom
2: 用js 语言操作的核心模块
fs path http 。。。
基本使用
- 官网上下载 node-v-xx.msi 傻瓜式的安装包 一路下一步,就ok
- 检测是否安装成功 node -v
- 运行程序 node ./xxx.js 当前目录下的xxx.js文件。表示Node 程序的入口文件
内置对象介
语法
分类
一个文件一个模块;一个模块一个对象
- 全局对象: 何时何处都能访问 。 全局对象就是在系统中
- 核心对象: 放在node.exe 中 向系统索要,引入即可使用
- 自定义对象: 按路径引入即可 自己创建的模块;导出、导入
process(全局对象)
-
每个系统的环境变量几乎都不一样,可以利用环境变量中的具体某个特定的值来区分不同的机器
-
process.env 是一个对象,我们可以通过其.属性名来获取具体的环境变量值
- 设置一个特定的环境变量,以达到简单区分不同的机器,从而针对生产/开发环境运行不同的效果
-
process.argv 获取命令行参数
filename/dirname(全局对象)
- __filename 获取当前运行文件的目录,绝对路径 (带文件名字)
- __dirname 当前运行文件的绝对路径(不带文件名字,到当前目录为止)
nodejs实现规范
- CommonJS : 规范JavaScript语言作为后端语言运行的标准
- 具备什么能力,该怎么做 ,比如: 具备服务器的功能/ 可以操作文件 …
- 模块应该怎么写: Module :
- 1:依赖一个模块 require(‘模块名(id)’)
- 2: 需要被模块依赖 module.exports = 给外部的数据
- 3:一个文件是一个模块
核心对象path
- 作用:负责处理文件路径;不负责判断文件是否存在内容
- path 解析的文件路径;为系统可读的文件路径
常见api 用途
// .join()把用户传入的不规范路径,转化为系统可读取的规范路径 且返回结果为字符串类型
/**
* path.parse()
* 参数 为路径字符串
* 作用: 将路径字符串切割并且转为路径对象 以下输出结果
* root: 'C:\\' 系统根目录
* dir: 'c:\\Users\\Administrator\\Desktop\\前端\\node\\2019-3-25fs&process&path模块',' ——> 指的文件目录 一般为项目文件目录
* base:'code' 当前模块文件的根目录。
* ext:'' 文件后缀名字
* name:'code' 文件名字
* */
- 1:
const path = require('path');
- 路径 -> 在处理路径的时候很擅长,但是,其不负责判断路径是否存在文件
- 拼接并修正路径
path.join(__dirname,'a','b');
以当前目录/a/b path.resovle('./xxx') 相对转绝对
- 接收一个合法的路径字符串,转换成一个对象
let pathObj = path.parse(mypath);
- 接收一个路径对象,转换成一个字符串路径
let str = path.format(pathObj);
{ root: 'C:\\',
dir: 'C:\\Users\\孙悟空',
base: '金箍棒.txt', // 该属性可以用于修改文件名和后缀
ext: '.txt',
name: '金箍棒' }
- 注意:path对象是方便我们操作路径的,对于获取来讲: parse解析成对象,format转换成字符串.join拼接并修正… 对于修改路径对象来讲,可以用base属性更改,不能用name,ext更改
模块
- 弊端
- 在js中要涉及到逻辑,还要在html中,为逻辑对象考虑引用顺序
- 所有对象默认都是全局对象,命名冲突
- commonjs规范
- 一个文件就是一个模块
- 导入用require(‘./xxx.js’);
- 导出用module.exports = xxx;
- 在每一个模块内声明的变量属于模块内的作用域
fs文件模块
- 文件读写
- 其他功能
- 扩展介绍
操作文件对象
-
IO
- I :input输入
- O:output 输出
- 文件的操作就是IO
-
复制文件的过程, I: 通过计算机,存储文件到剪切板
- 粘贴到指定目录: O: 通过计算机,将剪切板上的数据,写出到 指定目录
-
node中有两种IO的操作
-
同步IO
- 一行代码(读文件)不执行完毕…后续代码不能执行
-
异步IO (建议)
- 一行代码(读写文件) 不执行完毕(正在读写中) … 后续代码也可以执行
-
代码体验:
-
读写文件
-
const fs = require('fs'); //必须这个名称 //读 fs.readFile(路径,回调函数); //写 fs.writeFile(路径,数据,回调函数);
-
总结: 异步的读/写文件 参数1:都是路径,可以相对可以绝对,最后一个参数都是回调函数,回调函数的参数中错误对象优先
-
-
-
同步和异步IO的区别: 同步IO会阻塞后续代码执行,异步IO不会阻塞后续代码执行
nginx负载均衡
包(文件夹)
- 多个文件,有效的被组织与管理的一个单位
- 留一个入口
npm
- 自己先有一个包描述文件
- 创建一个包描述文件
npm init
- 下载一个包
npm install art-template jquery@1.5.1 --save
- 记录依赖
--save
- 记录依赖
- 根据package.json文件中的
dependencies
属性恢复依赖- 恢复包
npm install
- 恢复包
- 卸载一个包
npm uninstall jquery@1.5.1 --save
- 查看包的信息
npm info jquery
- 查看包的信息中的某个字段(版本)
npm info jquery versions
- 查看包的文档
npm docs jquery
- 安装全局命令行工具
npm install -g http-server
- 卸载全局命令行工具
npm uninstall -g http-server
- 查看全局包的下载路径
npm root -g
nrm是npm的镜像源管理工具
- 1:全局安装
npm install -g nrm
- 2:查看当前可选的镜像源
nrm ls
- 3:切换镜像源
nrm use taobao
包的加载机制
- 我们未来可能需要辨识一个包中,入口是否是我们想要的启动程序
- 1:查找node_modules下的包名文件夹中的main属性(常用)
- 2:不常用:查找node_modules下的包名.js
- 3:查找node_modules下的包名文件夹中的index.js(常用)
http核心模块
http超文本传输协议
- 协议至少双方 -> http双方!!
- 客户端(浏览器) -> 服务器
- 原生应用(QQ) -> 服务器
请求与响应交互的过程
- 见图
主体对象
- 服务器对象
- 客户端对象
- 请求报文对象(对于服务器来说,是可读)
- 响应报文对象(对于服务器来说,是可写)
创建服务器步骤
- 1:引入http核心对象
- 2:利用http核心对象的.createServer(callback); 创建服务器对象
- 3:使用服务器对象.listen(端口,ip地址) 开启服务器
- 4:callback(req,res) 根据请求处理响应
请求对象
- 请求首行中的url
req.url
- 请求首行中的请求方式
req.method
- 请求头中的数据
req.headers
是一个对象 - 头信息中,也可以作为与服务器交互的一种途径
获取请求体数据
-
代码对比
-
浏览器: $(‘#xx’).on(‘submit’,function(e){ })
-
服务器: req.on(‘data’,function(d){ d.toString(); })
querystring核心对象
- querystring.parse(formStr)
- username=jack&password=123转换成如下
- { username: ‘jack’, password: ‘123’ }
响应对象
- 响应首行
res.writeHead(状态码)
- 写响应头
- 一次性写回头信息
res.writeHead(200,headers)
- 多次设置头信息
res.setHeader(key,value);
- 一次性写回头信息
- 写响应体
- 一次性写回响应体
res.end();
- 多次写回响应体
res.write();
- 一次性写回响应体
请求与响应
- 头行体
- content-type是对请求或者响应体数据,做出的说明
响应体数据
- res.write(‘字符串’||读出文件的二进制数据)
- res.end(‘字符串’||读出文件的二进制数)
回写页面
- 英雄列表
- art-template http
- 只能是访问 get请求 url: /hero-list 才返回该数据
;` - 写响应体
- 一次性写回响应体
res.end();
- 多次写回响应体
res.write();
- 一次性写回响应体
请求与响应
- 头行体
- content-type是对请求或者响应体数据,做出的说明
响应体数据
- res.write(‘字符串’||读出文件的二进制数据)
- res.end(‘字符串’||读出文件的二进制数)
回写页面
- 英雄列表
- art-template http
- 只能是访问 get请求 url: /hero-list 才返回该数据
- 其他请求返回ok