1. url

• url简介：URL 字符串是结构化的字符串，包含多个含义不同的组成部分。 解析字符串后返回的 URL 对象，每个属性对应字符串的各个组成部分。

//直接在命令行输入node，回车， 然后输入url，会返回url模块所有方法

图一

• url.parse(urlString[,parseQueryString[,slashesDenoteHost]])
  -- 对url地址进行解析，或者说后台解析一个url地址给前端
  -- 第一个参数填写url链接
  -- 第二个参数解析query
  -- 第三个参数 对cnd源进行解析（例：“//www.baidu.com:8080/api.php?form=yuruipeng&couese=node#level1”）

url.parse("https://www.baidu.com") //首先对一个简单的地址进行解析

图二

url.parse("https://www.baidu.com:8080/api.php?form=yuruipeng&couese=node#level1")

图三

//验证第二个参数  解析query值，可参照上方图片图三  对比
url.parse("https://www.baidu.com:8080/api.php?form=yuruipeng&couese=node#level1",true)

图四

//验证第三个参数对比下方图五，图六
url.parse("//www.baidu.com:8080/api.php?form=yuruipeng&couese=node#level1",true)
url.parse("//www.baidu.com:8080/api.php?form=yuruipeng&couese=node#level1",true,true)

图五
图六

• url.format(urlObject)
  -- 作用：将url对象解析为url地址

url.format({
...   protocol: null,
...   slashes: null,
...   auth: null,
...   host: null,
...   port: null,
...   hostname: null,
...   hash: '#level1',
...   search: '?form=yuruipeng&couese=node',
...   query:{ form: 'yuruipeng', couese: 'node' },
...   pathname: '//www.baidu.com:8080/api.php',
...   path: '//www.baidu.com:8080/api.php?form=yuruipeng&couese=node',
...   href:'//www.baidu.com:8080/api.php?form=yuruipeng&couese=node#level1' 
})

图七

• url.resolve(from,to)
  -- 作用：将两端url解析为一个url

url.resolve("https://www.baidu.com","/api/index.html?id=1")

图八

试验

试验

2. queryString

作用：对url解析，对字符串编码解码

• querystring.stringify()
  -- 将对象转成字符串

//分别执行以下命令，得到图九所示内容
querystring.stringify({name:"dayuhaitang",course:"node",from:"",arr:["vue","react"]})

querystring.stringify({name:"dayuhaitang",course:"node",from:"",arr:["vue","react"]},",")

querystring.stringify({name:"dayuhaitang",course:"node",from:"",arr:["vue","react"]},",",":")

图九

• querystring.parse（）；
  将字符串转换成对象

//默认情况下解析的字符串是以“&”和“=”连接的字符串
//例如：'name=dayuhaitang&course=node&from=&arr=vue&arr=react'
querystring.parse('name=dayuhaitang&course=node&from=&arr=vue&arr=react')

querystring.parse('name=dayuhaitang,course=node,from=,arr=vue,arr=react',',')

querystring.parse('name:dayuhaitang,course:node,from:,arr:vue,arr:react',',',':')

图十
图十一
图十二

• querystring.escape
  作用：编码转换，将字符串转换成浏览器所能识别的编码

querystring.escape({from:"北京"})//这个其实是变成‘[object Object]'后转换为编码
querystring.escape("北京")

image.png image.png

• querystring.unescape
  将编码转换成字符串

querystring.unescape('%E5%8C%97%E4%BA%AC')  //北京
querystring.unescape("%5Bobject%20Object%5D")   //'[object Object]'

image.png
image.png