Node(3)，腾讯前端面试难度

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

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

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

app.get(‘/ab*cd’, function(req, res) {

console.log(“/ab*cd GET 请求”);

res.send(‘正则匹配’);

})

var server = app.listen(8081, function () {

var host = server.address().address

var port = server.address().port

console.log(“应用实例，访问地址为 http://%s:%s”, host, port)

})

启动：

分别访问不同的地址：

静态文件

Express 提供了内置的中间件 express.static 来设置静态文件如：图片， CSS, JavaScript 等。

可以使用 express.static 中间件来设置静态文件路径。例如，一般将图片， CSS, JavaScript 文件放在 public 目录下。

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

新建目录：

E:\project\express_demo\public\images

在这个目录下存放一张图片haha.jpg。

处理静态文件实例，express_demo3.js:

var express = require(‘express’);

var app = express();

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

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

res.send(‘Hello World’);

})

var server = app.listen(8081, function () {

var host = server.address().address

var port = server.address().port

console.log(“应用实例，访问地址为 http://%s:%s”, host, port)

})

启动：

访问地址：http://127.0.0.1:8081/public/images/haha.jpg

GET 方法

以下实例演示了在表单中通过 GET 方法提交两个参数，可以使用 server.js 文件内的 process_get 路由器来处理输入：

index.htm:

First Name:

Last Name:

server.js:

var express = require(‘express’);

var app = express();

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

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

res.sendFile( __dirname + “/” + “index.htm” );

})

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

// 输出 JSON 格式

var response = {

“first_name”:req.query.first_name,

“last_name”:req.query.last_name

};

console.log(response);

res.end(JSON.stringify(response));

})

var server = app.listen(8081, function () {

var host = server.address().address

var port = server.address().port

console.log(“应用实例，访问地址为 http://%s:%s”, host, port)

})

执行以后，

访问地址：http://127.0.0.1:8081/index.htm

提交表单：

POST方法

同样地，应对post请求，process_post 路由器来处理。

index.htm:

First Name:

Last Name:

server.js:

var express = require(‘express’);

var app = express();

var bodyParser = require(‘body-parser’);

// 创建 application/x-www-form-urlencoded 编码解析

var urlencodedParser = bodyParser.urlencoded({ extended: false })

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

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

res.sendFile( __dirname + “/” + “index.htm” );

})

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

// 输出 JSON 格式

var response = {

“first_name”:req.body.first_name,

“last_name”:req.body.last_name

};

console.log(response);

res.end(JSON.stringify(response));

})

var server = app.listen(8081, function () {

var host = server.address().address

var port = server.address().port

console.log(“应用实例，访问地址为 http://%s:%s”, host, port)

})

执行以后，

访问地址：http://127.0.0.1:8081/index.htm

文件上传

文件上传用的是post方法，上传表单 enctype 属性设置为 multipart/form-data。

index.htm:

文件上传：

选择一个文件上传:

server.js:

var express = require(‘express’);

var app = express();

var fs = require(“fs”);

var bodyParser = require(‘body-parser’);

var multer = require(‘multer’);

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

app.use(bodyParser.urlencoded({ extended: false }));

app.use(multer({ dest: ‘/tmp/’}).array(‘image’));

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

res.sendFile( __dirname + “/” + “index.htm” );

})

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

console.log(req.files[0]); // 上传的文件信息

var des_file = __dirname + “/” + req.files[0].originalname;

fs.readFile( req.files[0].path, function (err, data) {

fs.writeFile(des_file, data, function (err) {

if( err ){

console.log( err );

}else{

response = {

message:‘File uploaded successfully’,

filename:req.files[0].originalname

};

}

console.log( response );

res.end( JSON.stringify( response ) );

});

});

})

ajax

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

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

iginalname

};

}

console.log( response );

res.end( JSON.stringify( response ) );

});

});

})

ajax

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

[外链图片转存中…(img-ku0qdxOC-1713705976320)]

[外链图片转存中…(img-Z2BQ5dFm-1713705976321)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-Iclrym6j-1713705976321)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！