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

相关实践学习
通过Ingress进行灰度发布
本场景您将运行一个简单的应用,部署一个新的应用用于新的发布,并通过Ingress能力实现灰度发布。
容器应用与集群管理
欢迎来到《容器应用与集群管理》课程,本课程是“云原生容器Clouder认证“系列中的第二阶段。课程将向您介绍与容器集群相关的概念和技术,这些概念和技术可以帮助您了解阿里云容器服务ACK/ACK Serverless的使用。同时,本课程也会向您介绍可以采取的工具、方法和可操作步骤,以帮助您了解如何基于容器服务ACK Serverless构建和管理企业级应用。 学习完本课程后,您将能够: 掌握容器集群、容器编排的基本概念 掌握Kubernetes的基础概念及核心思想 掌握阿里云容器服务ACK/ACK Serverless概念及使用方法 基于容器服务ACK Serverless搭建和管理企业级网站应用
相关文章
|
1月前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
65 3
|
1月前
|
存储 缓存 网络协议
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点,GET、POST的区别,Cookie与Session
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点、状态码、报文格式,GET、POST的区别,DNS的解析过程、数字证书、Cookie与Session,对称加密和非对称加密
|
1月前
|
前端开发 安全 应用服务中间件
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展,前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用,介绍了二进制分帧、多路复用和服务器推送等特性,并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS,以提升Web应用的性能和安全性。
40 3
|
1月前
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
66 1
|
2月前
|
前端开发 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 应用程序。
125 2
|
3月前
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
4月前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
2月前
|
缓存 关系型数据库 MySQL
面试题目总结
面试题目总结
89 6
|
2月前
|
存储 前端开发 NoSQL
拿下奇怪的前端报错(四):1比特丢失导致的音视频播放时长无限增长-浅析http分片传输核心和一个坑点
在一个使用MongoDB GridFS存储文件的项目中,音频和视频文件在大部分设备上播放时长显示为无限,而单独播放则正常。经调查发现,问题源于HTTP Range请求的处理不当,导致最后一个字节未被正确返回。通过调整请求参数,使JavaScript/MongoDB的操作范围与HTTP Range一致,最终解决了这一问题。此案例强调了对HTTP协议深入理解及跨系统集成时注意细节的重要性。
|
2月前
|
缓存 前端开发 安全
前端开发者必备:HTTP状态码含义与用途解析,常见错误码产生原因及解决策略
前端开发者必备:HTTP状态码含义与用途解析,常见错误码产生原因及解决策略
193 0