Express框架中的res，真服了

//引入express模块

//返回值是一个方法

const express = require(‘express’);

//创建网站服务器

const app = express();

app.get(‘/’,(req,res)=>{

//send()方法 自动监测响应类型,帮我们把响应类型自动设置到响应头当中

//还可以设置响应类型的编码,防止出现乱码情况,还可以自动设置http状态码

// 1. send方法内部会检测响应内容的类型

// 2. send方法会自动设置http状态码

// 3. send方法会帮我们自动设置响应的内容类型及编码

res.send(‘Hello,express’);

})

app.get(‘/list’,(req,res)=>{

res.send({name:‘张三’,age:18});

})

//监听端口

app.listen(3000);

console.log(‘网站服务器启动成功’);

2.中间件

中间件就是一堆方法,可以接收客户端发来的请求,可以对请求作出响应,也可以将请求继续交给下一个中间件继续处理;

中间件由两部分组成,中间件方法和请求处理函数;

中间件方法由express提供,负责拦截请求,请求处理函数由开发人员提供,负责处理请求;

app.get(‘请求路径’,‘处理函数’); //接收并处理get请求

app.post(‘请求路径’,‘处理函数’); //接收并处理post请求

可以对同一个请求设置多个中间件,对同一个请求进行多次处理;

默认情况下,请求从上到下一次匹配中间件,一单匹配成功,终止匹配;

可以调用next方法将请求的控制权交给下一个中间件,直到遇到结束请求的中间件;

app.get(‘/request’,(req,res,next)=>{

req.name = ‘张三’;

next();

});

app.get(‘/request’,(req,res)=>{

res.send(req.name);

})

2.1 app.use中间件用法

使用app.use()方法定义中间件;

app.use匹配所有的请求方式,可以直接传入请求处理函数,代表接收所有请求;

app.use((req,res,next)=>{

console.log(‘请求走了app.use中间件’);

next();

})

//中间件函数有三个参数,分别为请求对象req,响应对象res,释放控制权方法next;

//中间件函数中的代码执行完成后需要调用next()方法,才开始执行下一个中间件,否则请求将挂起;

app.use第一个参数也可以传入请求地址,代表不论是什么请求方式,只要是这个请求地址就接收这个请求;

app.use(‘/admin’,(req,res,next)=>{

console.log(‘请求走了app.use/admin中间件’);

next();

})

2.2中间件的应用

// 引入express框架

const express = require(‘express’);

//创建网站服务器

const app = express();

// //匹配所有的请求路径,网站公告

// app.use((req,res,next)=>{

// res.send(‘当前网站正在维护…’);

// })

app.use(‘/admin’,(req,res,next)=>{

// 用户没有登录

let isLogin = true;

//如果用户登录

if(isLogin){

//让请求继续向下执行

next();

}else {

//如果用户没有登录,直接对客户端作出响应

res.send(‘您还没有登录,不能访问这个页面’);

}

})

app.get(‘/admin’,(req,res)=>{

res.send(‘您已经登录,可以访问当前页面’);

})

//访问除了上边写过的页面外,其他所有页面都不存在

app.use((req,res,next)=>{

//为客户端响应404状态码,以及提示信息

res.status(404).send(‘当前访问的页面不存在’);

})

//监听端口

app.listen(3000);

console.log(‘网站服务器启动成功’);

2.3错误处理中间件

在程序执行过程中,不可避免的会出现无法预料的错误,比如读取文件失败,数据库连接失败,

错误处理中间件是一个集中处理错误的地方;

//引入express框架

const express = require(‘express’);

const fs = require(‘fs’);

//创建网站服务器

const app = express();

app.get(‘/index’, (req, res, next) => {

// throw new Error(‘程序发生了未知错误’)

fs.readFile(‘./01.js’, ‘utf8’, (err, result) => {

//读取文件失败

if (err != null) {

//把错误传递给下边捕获错误信息

next(err);

}else {

//读取文件成功响应文件内容

res.send(result)

}

})

// res.send(‘程序正常执行’);

})

//错误处理中间

//里边传递一个请求的处理函数,第一个参数err错误对象,第二个req请求对象

//第三个是响应对象,第四个是next

app.use((err, req, res, next) => {

//服务器发生错误状态码是500,err.massage保存错误信息

res.status(500).send(err.message);

})

//监听端口

app.listen(3000);

console.log(‘网站服务器启动成功’);

2.4捕获错误

在node.js中,异步api的错误信息都是通过回调函数获取的,支持Promise对象的异步API发生错误可以通过catch方法捕获;

try…catch可以捕获异步函数以及同步代码在执行过程中发生信息,但是不能其他类型API发生的错误;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

程，基本涵盖了95%以上前端开发知识点，真正体系化！**

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-4ucDzHYw-1711626046296)]

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-3JvgEQd6-1711626046296)]

[外链图片转存中…(img-O1iV1wee-1711626046297)]

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