Web前端最全nodejs项目实战教程01——http服务和URL类，大厂经典高频面试题体系化集合

总结:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；

response.end(‘Hello World’);

}).listen(8081); // 端口

console.log(‘Server running at http://127.0.0.1:8081/’);

4、修改内容需要重启node app.js才能生效（下一篇文章中会讲解如何让nodejs应用自动更新）

如果我们修改了文件，比如将 response.end('Hello World'); 修改为 response.end('Hello World 111'); 浏览器仍然显示Hello World，刷新了也没有效果。

需要在终端重新执行一次node app.js浏览器的内容才会刷新

4.如何获取url中的参数

============================================================================

4.1 URL类基础

---

建议大家可以先看看Node.js API文档中的url 网址部分，这里做简要说明。url字符串在nodejs的url模块，有两种解析API，其中旧版的API为 url.parse() ，目前已经弃用；新版本的API——new URL()实现了与 Web 浏览器使用的相同的 WHATWG 网址标准,基本使用方式如下：

// 和旧版API不同，不用引入node自带的url模块

// const url = require(‘url’)

var api = “http://www.baidu.com?name=zhang&&age=20”

// 创建URL类的实例对象

var myUrl = new URL(api)

var params = myUrl.searchParams

console.log('myUrl: ',myUrl)

console.log('params: ',myUrl.searchParams)

// 使用get方法获取url对象中searchParams属性对象的name属性

console.log(‘name：’+ params.get(‘name’))

// 往url中插入参数sex=male

myUrl.searchParams.append(‘sex’,‘male’)

console.log(myUrl.href)

4.2 动态监测URL的变化

---

在获取http服务的网址参数之前，我们先看看页面的请求变化以及request参数的变化：

const http = require(‘http’);

http.createServer((req,res)=>{

// if(req.url !== ‘/favicon.ico’){

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

// }

// 设置响应头

// 状态码是200，文件类型是html，字符集是utf-8

res.writeHead(200,{“Content-Type”:“text/html;charset=utf-8”}); // 解决乱码

res.write(“”)

console.log(req)

res.end() // 结束响应,如果没写，浏览器刷新按钮会一直转

}).listen(3000)

console.log(‘Server running at http://127.0.0.1:3000/’);

我们手动修改浏览器上的地址为 http://127.0.0.1:3000/?name=zhang&age=25，然后打开控制台刷新页面，发现Network发起了两次请求，第一次是对页面内容的请求，第二次是对页面图标的请求。

对照终端req的输出

接下来我们使用URLSearchParams类创建url参数实例对象，并加以解析：

const http = require(‘http’);

http.createServer((req,res)=>{

// 屏蔽图标的请求

if(req.url !== ‘/favicon.ico’){

// 截取/?name=zhang&age=25后面的参数创建URLSearchParams实例对象

const params = new URLSearchParams(req.url.slice(2))

console.log(params)

console.log(params.get(‘name’))

console.log(params.get(‘age’))

}

// 设置响应头

结束

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】