前端面试题目总结(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搭建和管理企业级网站应用
相关文章
|
11天前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
3天前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
6天前
|
存储 JavaScript 前端开发
|
6天前
|
Web App开发 存储 缓存
|
16天前
|
前端开发 容器
前端面试热门问题--浮动和清除浮动(CSS)
前端面试热门问题--浮动和清除浮动(CSS)
|
1月前
|
缓存 前端开发 JavaScript
高级前端常见的面试题?
【7月更文挑战第11天】 **高级前端面试聚焦候选人的技术深度、项目实战、问题解决及技术趋势洞察。涉及React/Vue生命周期、Redux/Vuex状态管理、Webpack优化、HTTP/HTTPS安全、性能提升策略、PWA、GraphQL、WebAssembly、安全性议题及项目管理。通过回答,展现候选人技术广度与应对复杂场景的能力。**
47 1
|
2月前
|
缓存 Java 数据库连接
java面试题目 强引用、软引用、弱引用、幻象引用有什么区别?具体使用场景是什么?
【6月更文挑战第28天】在 Java 中,理解和正确使用各种引用类型(强引用、软引用、弱引用、幻象引用)对有效的内存管理和垃圾回收至关重要。下面我们详细解读这些引用类型的区别及其具体使用场景。
34 3
|
2月前
|
存储 缓存 监控
2024春招小红书前端面试题分享
2024春招小红书前端面试题分享
91 3
|
1月前
|
移动开发 前端开发 JavaScript
前端常见的面试题都有那些?
【7月更文挑战第10天】 前端面试涵盖HTML5新特性、CSS盒模型、JS事件传播、Vue的双向绑定、React生命周期、性能优化策略、浏览器解析流程及安全知识等。例如,HTML5新增video/audio元素、CSS选择器优先级计算、闭包功能、async/await处理异步、Vue通过Object.defineProperty实现数据绑定、React组件生命周期的关键阶段、前端优化如CDN和资源压缩,以及浏览器如何构建渲染树。面试还可能涉及XSS/CSRF防护和框架选择考量。准备面试需全面理解基础概念并结合实践经验。
28 0
|
1月前
|
存储 算法
经典的滑动窗口的题目 力扣 2799. 统计完全子数组的数目(面试题)
经典的滑动窗口的题目 力扣 2799. 统计完全子数组的数目(面试题)

热门文章

最新文章