2024年最新express搭建简单的后台服务器（基础篇），web前端面试笔试

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

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

路由method有很多种，我们常见的有POST，GET两种。基本的写法如下。这里的路由地址可以是字符串，也可以是字符串模式或者正则表达式，req是请求对象，res是响应对象，next()负责将控制权交给下一个中间件。中间件的概念后面会提到。

// GET method route

app.get(‘/’, function (req, res, next) {

res.send(‘GET request to the homepage’);

next();

});

// POST method route

app.post(‘/’, function (req, res, next) {

res.send(‘POST request to the homepage’);

next();

});

还有一种不区分请求方式的写法，不管使用 GET、POST、PUT、DELETE 或其他任何 http 模块支持的 HTTP 请求，句柄都会得到执行。

app.all(‘/secret’, function (req, res, next) {

console.log(‘Accessing the secret section …’);

next(); // pass control to the next handler

});

app.route()

通过这个方法创建路由路径的链式路由句柄。由于路径在一个地方指定，这样做有助于创建模块化的路由，而且减少了代码冗余和拼写错误。书写格式如下：

app.route(‘/book’)

.get(function(req, res) {

res.send(‘Get a random book’);

})

.post(function(req, res) {

res.send(‘Add a book’);

})

.put(function(req, res) {

res.send(‘Update the book’);

});

express.Router

可使用 express.Router 类创建模块化、可挂载的路由句柄。Router 实例是一个完整的中间件和路由系统。这样我们就可以在一个文件中专门做路由处理，而在app.js中use这个中间件。

例如我们在一个routes.js文件中这样使用。

// routes.js文件

var express = require(‘express’);

var router = express.Router();

// 定义网站主页的路由

router.get(‘/’, function(req, res) {

res.send(‘home page’);

});

// 这里把中间件导出，供app.js使用

module.exports = router;

app.js中这样使用：

var router = require(‘./router’);

// 其他处理逻辑代码

…

…

…

// 最后use路由中间件

app.use(‘/’, router);

静态文件

---

使用静态文件服务

express的静态文件可以放在public文件夹中。通过Express内置的express.static可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。

app.use(express.static(‘public’));

然后就可以访问public中的静态资源了。

http://localhost:3000/images/avatar.jpg

多个静态资源文件夹

如果静态资源存放在多个目录下面，我们可以多次调用 express.static 中间件。例如：

app.use(express.static(‘public’));

app.use(express.static(‘assets’));

挂在虚拟目录下

app.use(‘/resourse’, express.static(‘public’));

那么访问的方式就是

http://localhost:3000/resourse/images/avatar.jpg

中间件

---

定义

什么叫中间件，引用官方的解释就是：

最后

喜欢的话别忘了关注、点赞哦~

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