2024年前端最全用axios请求node做的简单网络接口教学易懂(1)，2024年最新前端web面试

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

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

篇幅有限，仅展示部分截图：

// })

// 指定get请求的参数

// axios(‘http://localhost:4000/data?id=1’)

// .then((res)=>{

// console.log(res);

// })

// .catch((err)=>{

// })

// 这里加的这个id没有用的需要后端提供接口

axios(‘http://localhost:4000/data’,{

// 指定get请求的参数，进行拼接

params:{

id:1

}

})

.then((res)=>{

// console.log(res);

this.list = res.data

})

.catch((err)=>{

})

},

postData(){

// 后台是以Form Data方式处理数据的

// 不用这个URLSearchParams,post后台收不到这个数据，处理方式有很多种

var stu = new URLSearchParams()

// 设置值 键名 值

stu.append(‘name’,‘123’),

stu.append(‘sex’,‘男’)

axios.post(‘http://localhost:4000/user’,stu)

.then((res)=>{

console.log(res);

})

.catch((err)=>{

})

}

},

}

后端是node的express框架

// 引入express

const express = require(‘express’);

//这个组件用于接收post数据

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

// 创建服务器对象

const app = express();

// 注册中间件

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

app.use(bodyParser.json({type:‘application/*+json’}))

//本地服务器解决跨域，不可缺

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

res.header(‘Access-Control-Allow-Origin’,‘*’)

res.header(‘Access-Control-Allow-Headers’,‘Content-Type’)

res.header(‘Access-Control-Allow-Methods’,‘*’);

res.header(‘Content-Type’,‘application/json;charset=utf-8’);

next();

})

// 处理get请求

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

// 设置请求头，解决跨域,上面已经都解决了

// res.setHeader(‘Access-Control-Allow-Origin’,‘*’);

res.json({

todos:[

{

“id”:1,

“name”:“chen”,

“age”:20,

“sex”:“男”

},

TCP协议

• TCP 和 UDP 的区别？
• TCP 三次握手的过程？
• 为什么是三次而不是两次、四次？
• 三次握手过程中可以携带数据么？
• 说说 TCP 四次挥手的过程
• 为什么是四次挥手而不是三次？
• 半连接队列和 SYN Flood 攻击的关系
• 如何应对 SYN Flood 攻击？
• 介绍一下 TCP 报文头部的字段
• TCP 快速打开的原理(TFO)
• 说说TCP报文中时间戳的作用？
• TCP 的超时重传时间是如何计算的？
• TCP 的流量控制
• TCP 的拥塞控制
• 说说 Nagle 算法和延迟确认？
• 如何理解 TCP 的 keep-alive？

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

浏览器篇

• 浏览器缓存?
• 说一说浏览器的本地存储？各自优劣如何？
• 说一说从输入URL到页面呈现发生了什么？
• 谈谈你对重绘和回流的理解
• XSS攻击
• CSRF攻击
• HTTPS为什么让数据传输更安全？
• 实现事件的防抖和节流？
• 实现图片懒加载？

71ac0)**

浏览器篇

• 浏览器缓存?
• 说一说浏览器的本地存储？各自优劣如何？
• 说一说从输入URL到页面呈现发生了什么？
• 谈谈你对重绘和回流的理解
• XSS攻击
• CSRF攻击
• HTTPS为什么让数据传输更安全？
• 实现事件的防抖和节流？
• 实现图片懒加载？

[外链图片转存中…(img-cAQ2rzxn-1715537747152)]