前端面试题目总结(Http)

简介: 前端面试题目总结(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、跨域

相关实践学习
深入解析Docker容器化技术
Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。Docker是世界领先的软件容器平台。开发人员利用Docker可以消除协作编码时“在我的机器上可正常工作”的问题。运维人员利用Docker可以在隔离容器中并行运行和管理应用,获得更好的计算密度。企业利用Docker可以构建敏捷的软件交付管道,以更快的速度、更高的安全性和可靠的信誉为Linux和Windows Server应用发布新功能。 在本套课程中,我们将全面的讲解Docker技术栈,从环境安装到容器、镜像操作以及生产环境如何部署开发的微服务应用。本课程由黑马程序员提供。     相关的阿里云产品:容器服务 ACK 容器服务 Kubernetes 版(简称 ACK)提供高性能可伸缩的容器应用管理能力,支持企业级容器化应用的全生命周期管理。整合阿里云虚拟化、存储、网络和安全能力,打造云端最佳容器化应用运行环境。 了解产品详情: https://www.aliyun.com/product/kubernetes
相关文章
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
341 3
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
461 156
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
存储 缓存 网络协议
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点,GET、POST的区别,Cookie与Session
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点、状态码、报文格式,GET、POST的区别,DNS的解析过程、数字证书、Cookie与Session,对称加密和非对称加密
|
前端开发 安全 应用服务中间件
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展,前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用,介绍了二进制分帧、多路复用和服务器推送等特性,并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS,以提升Web应用的性能和安全性。
264 3
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
248 1
|
前端开发 JavaScript 中间件
前端全栈之路Deno篇(四):Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
Deno 是由 Node.js 创始人 Ryan Dahl 开发的新一代 JavaScript 和 TypeScript 运行时,旨在解决 Node.js 的设计缺陷,具备更强的安全性和内置的 TypeScript 支持。本文介绍了如何使用 Deno 内置的 `Deno.serve` 快速创建 HTTP 服务,并详细讲解了 Oak 框架的安装和使用方法,包括中间件、路由和静态文件服务等功能。Deno 和 Oak 的结合使得创建 RESTful API 变得高效且简便,非常适合快速开发和部署现代 Web 应用程序。
507 2
|
存储 前端开发 NoSQL
拿下奇怪的前端报错(四):1比特丢失导致的音视频播放时长无限增长-浅析http分片传输核心和一个坑点
在一个使用MongoDB GridFS存储文件的项目中,音频和视频文件在大部分设备上播放时长显示为无限,而单独播放则正常。经调查发现,问题源于HTTP Range请求的处理不当,导致最后一个字节未被正确返回。通过调整请求参数,使JavaScript/MongoDB的操作范围与HTTP Range一致,最终解决了这一问题。此案例强调了对HTTP协议深入理解及跨系统集成时注意细节的重要性。
297 0

热门文章

最新文章