当前位置:首页 > 前端开发 > 正文内容

2024前端高频面试题之一

邻居的猫1个月前 (12-09)前端开发1009

1.从输入URL到页面显现发生了什么

(1) 缓存查询(查询优先级:浏览器缓存,体系缓存,路由器缓存)
(2) DNS解析,把网址解析仅有IP 【网址是为了便利回忆】
(3) 履行tcp三次握手,树立http链接
(4) 浏览器拿到回来的数据烘托页面 【或许存在跨域问题】
(5) 断开tcp衔接

2.fetch和ajax的差异

(1) ajax根据xhr目标建议异步恳求,结构不明晰
(2) fetch根据ajax的封装和promise完成异步恳求,代码简练,是大局window的一个办法,内置API

3.tcp(传输操控协议)和udp(用户数据报协议)的差异

(1) tcp面向衔接,发送数据前需求树立衔接, udp面向数据报,不树立衔接直接发送数据
(2) 因而tcp愈加牢靠,udp为了到达高交给,不确保数据的次序完整性和牢靠性
(3) tcp需求进行衔接办理,过错检测,所以开支大,传输速度相对较慢,udp不需求衔接和过错检测,开支小,速度快

4.OSI七层模型

物理层-数据链路层-网络层-传输层-会话层-表明层-应用层

5.get和post的差异

(1) get恳求参数直接拼接url后边(信息被暴漏了),post恳求放在恳求体。
(2) 相对post恳求,get恳求不安全,速度更快
(3) get恳求用于恳求数据,post恳求用户提交表单
(4) get能够直接缓存,假如需求缓存post,需求在恳求头设置cache-control和到期时刻expired

6.http2和http1.x差异,优势和特色?

(1)http1.x运用文本格局传输数据,http2选用二进制格局,二进制格局解析愈加高效,所以http2传输速率更高。

(2)http2选用头部紧缩技能,削减恳求头和相应头的数据,降低了网络的担负(网络带宽)。

(3)http2增加了流量操控,避免网络阻塞和资源糟蹋。

7.http和https差异?

(1)超文本传输协议(http),用于在网络端与端之间传送超文本,客户端恳求服务端呼应的一种规范(tcp), 明文传输。

(2)安全超文本传输协议(https),望文生义,是一个安全版别的http,http下加入了SSL, 加密传输。

(3)默许端口不同 80 443 。

(4)http资源耗费更小。

(5)https需求ca证书, ca证书收费。

扫描二维码推送至手机访问。

版权声明:本文由51Blog发布,如需转载请注明出处。

本文链接:https://www.51blog.vip/?id=432

分享给朋友:

“2024前端高频面试题之一” 的相关文章

Next.js 中为什么 App Router 可能是未来,但 Pages Router 依然重要?

Next.js 中为什么 App Router 可能是未来,但 Pages Router 依然重要?

Next.js 作为一个强壮的 React 结构,为开发者供给了两种路由体系:App Router 和 Pages Router。这两种路由体系各有特色,适用于不同的场景。本文将深入探讨这两种路由体系的差异、优缺陷和运用场景,协助你做出最佳挑选。 App Router:新一代的路由革新 App Ro...

vue生命周期, 什么是 Vue.js 生命周期?

vue生命周期, 什么是 Vue.js 生命周期?

Vue的生命周期是指一个Vue实例从创建到销毁的整个过程。这个过程可以分为多个阶段,每个阶段都有特定的钩子函数(钩子函数就是生命周期函数),允许我们在特定的时间点执行特定的操作。Vue的生命周期大致可以分为以下几个阶段:1. 初始化阶段:在这个阶段,Vue实例被创建,并且开始进行数据的初始化。这个阶...

html生成二维码,```html二维码生成示例

在HTML中生成二维码通常需要使用JavaScript库,如qrcode.js。这个库可以帮助你在网页上生成和显示二维码。下面是一个简单的例子,展示如何使用qrcode.js在HTML中生成二维码:1. 首先,你需要包含qrcode.js库。你可以通过CDN链接直接在HTML文件中引入它,或者下载到...

react路由, 什么是React路由?

react路由, 什么是React路由?

React 路由是用于构建单页应用(SPA)的关键技术,它允许你根据不同的 URL 显示不同的组件。React Router 是最流行的 React 路由库,它提供了声明式路由的解决方案,使得用户在浏览网站时,无需重新加载整个页面,只需更新页面的特定部分。 React Router 的主要特点:1....

html课程表代码

html课程表代码

创建一个HTML课程表通常涉及到使用表格(``)元素来组织数据。下面是一个简单的HTML课程表示例,展示了如何使用``、``(行)、``(表头)和``(单元格)来构建课程表:```html课程表 table { width: 100%; bordercollapse: collapse...

html网页特效代码,html官方下载免费版

html网页特效代码,html官方下载免费版

创建一个HTML网页特效需要结合HTML、CSS和JavaScript。下面是一个简单的示例,创建一个带有旋转特效的按钮:```html旋转特效按钮 .rotatebutton { padding: 10px 20px; backgroundcolor: 4CAF50; colo...