2024年前端最全Vue 使用 echarts 散点图在区域内标点，京东面试真题解析

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

• 对 Accept 系列字段了解多少？

• 对于定长和不定长的数据，HTTP 是怎么传输的？

• HTTP 如何处理大文件的传输？

• HTTP 中如何处理表单数据的提交？

• HTTP1.1 如何解决 HTTP 的队头阻塞问题？

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

• 如何理解 HTTP 缓存及缓存代理？

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

• 什么是跨域？浏览器如何拦截响应？如何解决？

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

然后是给散点图画坐标，其实这个地方就很烦。

echarts 的坐标和公司的有出入。

首先设置x轴 和 y轴

// 循环界面

let xLabel = []

let yLabel = []

for (let i = -49; i <= 50; i++) {

xLabel.push(i)

}

for (let y = -99; y <= 100; y++) {

yLabel.push(y)

}

然后是绘制点的集合

后台返回来的点的数据结构大体是这个样子的。

series.push({

symbolSize: 10,

color: ‘red’,

name: this.showData[2],

// data下面是计算出的，就是楞加

data: [[this.showData[0] / 1000 + 49, this.showData[1] / 1000 + 99]],

type: ‘scatter’,

})

坐标需要转换，除1000，不解释了，就这样规定的。

然后就可以绘制散点图了。

let option = {

grid: { // 因为就是个图片，模拟玻璃，就把绘制的边距设置为0，绘制区域充满整个屏幕

top: 0,

left: 0,

right: 0,

bottom: 0,

},

xAxis: {

show: false,

data: xLabel

},

yAxis: {

show: false,

data: yLabel

},

series,

总结

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

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

前端面试题汇总

JavaScript

前端资料汇总