前端面试题目总结(Http)

本文涉及的产品
容器服务 Serverless 版 ACK Serverless,952元额度 多规格
容器服务 Serverless 版 ACK Serverless,317元额度 多规格
简介: 前端面试题目总结(Http)

1、Ajax


Ajax,它是浏览器提供的一种方法,实现页面无刷新就可以更新数据,提高用户浏览器应用的体验。


应用场景:1、页面上拉加载更多的数据。2、列表数据无刷新分页。3、表单项离开焦点数据验证。4、搜索框提示文字下拉列表。


Ajax原理:Ajax相当于浏览器发送请求与接收响应的代理人,以实现在不影响浏览器页面的情况下,局部更新页面数据,从而提高用户体验。


Ajax的实现步骤:


1、创建Ajax对象:var xhr=new XMLHttpRequest();

2、告诉Ajax请求地址以及请求方式:xhr.open('get','http://www.baidu.com');

3、发送请求:xhr.send();

4、获取服务器端给客户端的响应数据:xhr.onload=function(){console.log(xhr.responseText);}


2、如何封装Ajax


  • 问题:发送一次请求代码过多,发送多次请求代码冗余且重复。
  • 解决方案:将请求代码封装到函数中,发送请求时调用函数即可。
  • 如何封装Ajax:
  • 1、封装Ajax函数
  • 2、进行调用,传递参数:type(请求方式)、url(请求地址)、succes(返回响应数据)、error(返回响应错误)


3、HTTP


HTTP是Hypertext Transfer Protocol的简写,叫超文本传输协议,它的作用就是规定了只能由客户端主动发起请求,服务器接收请求处理后返回响应结果。


HTTP的优点:1、支持客户端/服务端模式。2、应用广泛且可以跨平台。3、简单快捷、灵活。


HTTP的缺点:1、无连接、无状态,不会保户浏览器历史记录。2、明文传输不安全。


4、HTTP与HTTPS的区别


HTTPS是以安全为目标的HTTP通道,是HTTP的安全版本。HTTPS的安全基础是SSL。SSL协议位于TCP/IP协议与与各种应用层协议之间,为数据通讯提供安全支持。

区别:


1、HTTP是明文传输的,HTTPS是加密的,传输数据比较安全

2、HTTP端口号是80,HTTPS的端口号是443


5、HTTP常见的状态码


  • 1xx:请求信息
  • 2xx:成功状态
  • 3xx:重定向状态
  • 4xx:客户端错误
  • 5xx:服务器错误


6、三次握手


三次握手的作用:确保客户端和服务器接收和发送请求正常,这样的话就可以建立连接


第一次握手,客户端给服务器发送SYN(同步),服务器接收。


作用:服务器确认客户端发送请求正常和自己的接收请求正常


第二次握手,服务端发送SYN+ACK(确认),客户端接收。


作用:客户端确认自己和服务器的接收和发送请求都正常


第三次握手,客户端发送ACK,服务器接收。


作用:服务器确认客户端和自己的接收和发送请求都正常


最后客户端和服务器都知道自己的接收和发送都正常,就可以建立连接。



64428a6f5db9493a85b6c3038e937a7c.png


7、四次挥手


四次挥手的目的是关闭客户端和服务器的连接。


第一次挥手:客户端给服务器发送FIN(结束)+ACK(确认),请求断开连接,服务器接收。


第二次挥手:服务器发送ACK,表示已经收到了客户端断开连接的请求。此时客户端到服务器的连接关闭,但服务器如果有部分数据没有发送给客户端,服务器就会发送完成数据之后,才会向客户端发送断开连接的请求,即第三次挥手。


第三次挥手:服务器已经没有数据需要发送给客户端的时候,就向客户端发送FIN+ACK请求,表示已经断开连接


第四次挥手:客户端给服务器发送ACK,表示已经知道服务器关闭了连接


8、跨域

相关实践学习
通过Ingress进行灰度发布
本场景您将运行一个简单的应用,部署一个新的应用用于新的发布,并通过Ingress能力实现灰度发布。
容器应用与集群管理
欢迎来到《容器应用与集群管理》课程,本课程是“云原生容器Clouder认证“系列中的第二阶段。课程将向您介绍与容器集群相关的概念和技术,这些概念和技术可以帮助您了解阿里云容器服务ACK/ACK Serverless的使用。同时,本课程也会向您介绍可以采取的工具、方法和可操作步骤,以帮助您了解如何基于容器服务ACK Serverless构建和管理企业级应用。 学习完本课程后,您将能够: 掌握容器集群、容器编排的基本概念 掌握Kubernetes的基础概念及核心思想 掌握阿里云容器服务ACK/ACK Serverless概念及使用方法 基于容器服务ACK Serverless搭建和管理企业级网站应用
相关文章
|
1月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
23天前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
19天前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
【8月更文挑战第18天】
20 2
|
19天前
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
16 0
|
20天前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
44 个 React 前端面试问题
|
26天前
|
存储 JavaScript 前端开发
|
26天前
|
Web App开发 存储 缓存
|
1月前
|
前端开发 容器
前端面试热门问题--浮动和清除浮动(CSS)
前端面试热门问题--浮动和清除浮动(CSS)
|
18天前
|
前端开发 应用服务中间件 API
"揭秘!面试官必问:你是如何巧妙绕过跨域难题的?前端代理VS服务器端CORS,哪个才是你的秘密武器?"
【8月更文挑战第21天】在软件开发中,尤其前后端分离架构下,跨域资源共享(CORS)是常见的挑战。主要解决方案有两种:一是服务器端配置CORS策略,通过设置响应头控制跨域访问权限,无需改动前端代码,增强安全性;二是前端代理转发,如使用Nginx或Webpack DevServer在开发环境中转发请求绕过同源策略,简化开发流程但不适用于生产环境。生产环境下应采用服务器端CORS策略以确保安全稳定。
23 0
|
2月前
|
Web App开发 JavaScript 网络协议

热门文章

最新文章

下一篇
DDNS