nodejs的初步使用方法

1. vs code 里面如何切换自定义终端？

2. 浏览器 vs node

异：

1. node里面没有 BOM DOM
2. node多了很多自带的api
   同：
3. 都是chrome v8
4. 都支持js
5. 都支持 ECMA Script

3. 需求： sum这个方法， 我想三个参数 ， 计算三个参数值？

1. Node.js 命令行有时候用起来不方便
2. 解决： 我们使用文件 .js

Node.js命令行退出

1. two times ctrl+c

Node.js文件运行

node 文件名称（后缀可以不要）
键盘上下键可以前进和回退命令

自动监听（自动更新， 自动刷新）Node.js文件的更新和变化（ 工具 nodemon supervisor）

使用淘宝镜像

1. 工具安装
   cnpm i nodemon -g (i==> install g ==> global) 推荐
   cnpm i supervisor -g
2. 使用：
   nodemon 文件名称
   supervisor 文件名称
3. 注意事项：
   问题： supervisor 会出现死循环 ？
   分析： 内容一致在改变
   解决： vs code 开了自动保存

nvm 使用

1. 安装：
   nvm install vsersion
   举例： nvm install v10.8.0 || nvm install 10.8.0 || nvm install latest(最新版本)
2. 切换Node.js版本
   nvm use vsersion
   举例： nvm install v10.8.0
3. 查看当前电脑中 Node.js的所有版本
   nvm list

前端模块化（面试题）

1. CMD ( sea.js )
2. AMD ( require.js )
3. Common.js
4. es6模块化
   CMD 和 AMD
   define 定义模块
   Node.js中使用了Common.js规范（三类）
5. 内置的
   1. Node.js内置了很多的模块
      fs（文件系统）
      path( 磁盘路径 )
      http( 通信 )
      使用;
      1. 导入
         const 变量名称 = require(‘模块名称’)
      2. 使用模块的api
         const path = require(‘path’)
         console.log(path.resolve(__dirname))
6. 第三方的
7. 自定义的

前端的环境

1. 开发环境
2. 生产环境
3. 测试环境
4. 预发布环境
5. 上线环境

问题： Node.js中请求数据， 需要跨域吗？

不需要跨域的
同源策略

1. 为什么会出现跨域
   开发中会有不同的域名和端口等出现?我们需要去获取他们的内容
2. 浏览器如何组织跨域
   浏览器具有安全策略 —》 同源策略实现
3. 跨域的范围是？
   浏览器

问题： 为什么要有 package.json？

分析： 帮助我们记录第三方的内容
即使没有node_modules也可以下载

自定义模块的发布

package.json —> 当前项目的依赖包 兵哥
package-lock.json —> 当前项目依赖包的具体信息 兵哥的具体信息
Node.js是单线程
1.主线程
2.异步队列： Node.js中异步任务， 放在异步队列
3.注意： 优先执行主线程中任务， 主线程任务结束后， 再去执行异步队列中任务

nodejs web服务器

1. 使用Node.js实现一个web服务器
2. Node.js中模块的api很多时候可以连缀（链式调用）
3. http
   1. createServer 创建一个web静态服务器
   2. listen 是用来监听当前服务器
   3. 名词解释
      1. port 端口
      2. hostname: 域名
      3. request 请求， Node.js请求谁
      4. response 回应]
      5. data 数据
         1. encoding； 编码方式 utf8 默认utf8
4. write(data,encoding) 给前台发送一个内容
5. end() 发送已经结束了
6. 坑
   中文乱码问题
   解决方案一：
   response.writeHead(200,{
   ‘Content-Type’: ‘text/html; charset=UTF-8’
   })
   解决方案2：
   response.write(’ ')

url模块

url:
用来做 浏览器 地址 解析的
api:
parse : String --> Object
format: Object —> String
resolve: url拼接
完整的url构成：
https: // www.web-yyb.top: 8080 / vue / index.html ? a=1&b=2#a=10
协议： https
域名： www.web-yyb.top
端口： 8080
路径： www.web-yyb.top: 8080 / vue / index.html
查找字符串： a=1&b=2
哈希： #a=10
例：
const url = require(‘url’)
const urlStr = ‘https://www.web-yyb.top:8080/vue/index.html? a=1&b=2#a=10’
const urlObj = url.parse(urlStr)
const obj = {
protocol: ‘https:’,
slashes: true,
auth: null,
host: ‘www.web-yyb.top:8080’,
port: ‘8080’,
hostname: ‘www.web-yyb.top’,
hash: ‘#a=10’,
search: ‘?a=1&b=2’,
query: ‘a=1&b=2’,
pathname: ‘/vue/index.html’,
path: ‘/vue/index.html?a=1&b=2’,
href: ‘https://www.web-yyb.top:8080/vue/index.html?a=1&b=2#a=10’ }

querystring模块

qs:
干什么：
进行string 和 object 的格式
功能：
类似JSON.parse || JSON.stringify
api:
parse
stringify Object —> String
escape
unescape
名词
encoding 编码
unencoding 解码
escape 中文编码
unescape 中文解码
例：
const qs = require(‘querystring’)
const qsObj = {
protocol: ‘https:’,
slashes: true,
auth: null,
host: ‘www.web-yyb.top:8080’,
port: ‘8080’,
hostname: ‘www.web-yyb.top’,
hash: ‘#a=10’,
search: ‘?a=1&b=2’,
query: ‘a=1&b=2’,
pathname: ‘/vue/index.html’,
path: ‘/vue/index.html?a=1&b=2’,
href: ‘https://www.web-yyb.top:8080/vue/index.html?a=1&b=2#a=10’
}
//1. stringify
const qsStr = qs.stringify(qsObj)
// console.log( qsStr )
// 2. parse
const obj = qs.parse(qsStr)
// console.log( obj )
// 3. escape
const cityUrl = ‘https://www.web-yyb.top?city=北京’
const escapeStr = qs.escape(cityUrl)
console.log( escapeStr )
//4. unescape
const cityEsUrl = ‘https%3A%2F%2Fwww.web-yyb.top%3Fcity%3D%E5%8C%97%E4%BA%AC’
console.log( qs.unescape(cityEsUrl) )

http-get

get方法
http
格式：
http.get(url,callback)
on
原生js如何触发事件
DOM.onclick = function(){}
名词解释：
DOM: 节点
on: 添加事件的形式
click: 事件类型
function(){}: 事件处理程序
chunk: 分片
try {} catch{} 高级编程 错误信息捕获
例：
// http.get(url,callback)
const http = require(‘http’)
http.get(‘http://api.douban.com/v2/movie/in_theaters’,function( res ){
//错误信息的报出
const { statusCode } = res;
const contentType = res.headers[‘content-type’];
let error;
if (statusCode !== 200) {
error = new Error(‘Request Failed.\n’ +
Status Code: ${statusCode});
} else if (!/^application/json/.test(contentType)) {
error = new Error(‘Invalid content-type.\n’ +
Expected application/json but received ${contentType});
}
if (error) {
console.error(error.message);
// Consume response data to free up memory
res.resume();
return;
}
//数据处理
res.setEncoding(‘utf8’); // 数据的编码格式
let data = ‘’ //保存数据
// res.on() // 事件执行
res.on(‘data’,(chunk)=>{
data+=chunk; //将数据流累加起来
})
res.on(‘end’,()=>{
try{
console.log( data )
}catch(e){
console.error( e.message )
}
})
}).on(‘error’,(e)=>{
console.error(Got error: ${e.message});
})