首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

面试了20+前端大厂,整理出的面试题

Promise的缺点:无法取消Promise,一旦新建它就会立即执行,无法中途取消。如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。...3)Promise缺点1、无法取消Promise,一旦新建它就会立即执行,无法中途取消。2、如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,前端 JavaScript 取出 URL 中的恶意代码并执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。

80130

百度前端二面常考面试题

⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,前端 JavaScript 取出 URL 中的恶意代码并执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...如果资源发生了修改,则返回修改的资源。协商缓存可以通过两种方式来设置,分别是 http 信息中的Etag 和Last-Modified属性。...当请求发送到服务器服务器会通过这个属性来和资源的最后一次的修改时间来进行比较,以此来判断资源是否做了修改。如果资源没有修改,那么返回 304 状态,让客户端使用本地的缓存。

94610
您找到你想要的搜索结果了吗?
是的
没有找到

前端面试查漏补缺

如果资源发生了修改,则返回修改的资源。协商缓存可以通过两种方式来设置,分别是 http 信息中的Etag 和Last-Modified属性。...当请求发送到服务器服务器会通过这个属性来和资源的最后一次的修改时间来进行比较,以此来判断资源是否做了修改。如果资源没有修改,那么返回 304 状态,让客户端使用本地的缓存。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,前端 JavaScript 取出 URL 中的恶意代码并执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。

56210

对不起,看完这篇HTTP,真的可以吊打面试官

即使客户端和服务器都能够支持相同的压缩算法,服务器可能选择不压缩并返回,这种情况可能是由于这两种情况造成的: 要发送的数据已经被压缩了一次,第二次压缩并不会导致发送的数据更小 服务器过载,无法承受压缩带来的性能开销...另一方面,服务器上的缓存会定期进行更新,HTTP 作为应用层的协议,它是一种客户-服务器模式,HTTP 是无状态的协议,因此当资源发生更改时,服务器无法通知缓存和客户端。...它还提供了相关概念的定义,例如 CORS 和 HTTP Origin 语义,并在其他地方取代了它们各自的定义。...客户端第一次发送请求没有,缓存为空并且没有条件请求,服务器在收到客户端请求设置验证器 Last-Modified 和 Etag 标签,并把这两个标签随着响应一起发送回客户端。...使用 put 方法,你可以实现这一点,客户端首先读取原始文件对其进行修改,然后把它们发送到服务器。 ? 上面这种请求响应存在问题,一旦考虑到并发性,事情就会变得不准确。

6.3K21

震惊 | HTTP 在疫情期间把我吓得不敢出门了

即使客户端和服务器都能够支持相同的压缩算法,服务器可能选择不压缩并返回,这种情况可能是由于这两种情况造成的: 要发送的数据已经被压缩了一次,第二次压缩并不会导致发送的数据更小 服务器过载,无法承受压缩带来的性能开销...另一方面,服务器上的缓存会定期进行更新,HTTP 作为应用层的协议,它是一种客户-服务器模式,HTTP 是无状态的协议,因此当资源发生更改时,服务器无法通知缓存和客户端。...如下图所示 客户端第一次发送请求没有,缓存为空并且没有条件请求,服务器在收到客户端请求设置验证器 Last-Modified 和 Etag 标签,并把这两个标签随着响应一起发送回客户端。...使用 put 方法,你可以实现这一点,客户端首先读取原始文件对其进行修改,然后把它们发送到服务器。 上面这种请求响应存在问题,一旦考虑到并发性,事情就会变得不准确。...Set-Cookie 和 Cookie Set-Cookie HTTP 响应将 cookie 从服务器发送到用户代理。

5.2K20

中级前端面试题(附答案)

通常这一行为被称为“自动重排”。布局阶段结束是绘制阶段,遍历渲染树并调用渲染对象的 paint 方法将它们的内容显示在屏幕上,绘制使用 UI 基础组件。...③Promise 回调对比解决了回调地狱的问题,将异步操作以同步操作的流程表达出来。...3)Promise缺点1、无法取消Promise,一旦新建它就会立即执行,无法中途取消。2、如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。...http1.x版本问题在传输数据过程中,所有内容都是明文,客户端和服务器端都无法验证对方的身份,无法保证数据的安全性。...多路复用 复用TCP连接,在一个连接里,客户端和浏览器都可以同时发送多个请求或回应,且不用按顺序一一对应,这样子解决了队阻塞的问题

1K10

【愚公系列】2022年05月 vue3系列 axios请求的封装(TS版)

配置详解 4.1 url(必写) 4.2 method 4.3 baseURL(常用) 4.4 transformRequest 4.5 transformResponse 4.6 headers(常用,如设置请求...json类型) 4.7 params(常用,只有get请求设置params,其他请求需设置params,即只有get的请求参数位于url,其他请求参数都在请求体中) 4.8 data(常用) 4.9...HTTP请求 */ public static setHeader(): void { ApiService.vueInstance.axios.defaults.headers.common...transformResponse transformResponse选项允许我们在数据传送到then/catch方法之前对数据进行改动 4.6 headers(常用,如设置请求json类型) 自定义请求信息...4.7 params(常用,只有get请求设置params,其他请求需设置params,即只有get的请求参数位于url,其他请求参数都在请求体中) params选项是要随请求一起发送的请求参数--

3K20

20道前端高频面试题(附答案)

进入该状态,不能再继续进行验证。该访问是永久禁止的,并且应用逻辑密切相关。IIS 定义了许多不同的 403 错误,它们指明更为具体的错误原因:403.1 - 执行访问被禁止。..."json"; // 设置请求信息 xhr.setRequestHeader("Accept", "application/json"); // 发送 http 请求 xhr.send...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,前端 JavaScript 取出 URL 中的恶意代码并执⾏。恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。

97530

HTTP、WebSocket、gRPC 或 WebRTC:哪种通信协议最适合您的应用程序?

和 Cookie 膨胀 另一个问题是,随着 HTTP 规范的发展,规范中添加了更多的。开发人员还可以选择将 cookie 添加到,这些 cookie 可以任意大。...HTTP/2 的其他一些好处: 使用压缩来减小的大小,从而避免一遍又一遍地发送相同的纯文本。这显着减少了请求/响应的开销和发送的数据量。...** 其他一些框架示例是: 设置:在开始或连接期间交换设置信息。 优先级:重新分配消息的优先级。 PUSH_PROMISE:允许服务器向您推送数据——这是对服务器将发送的内容的承诺。...客户端流式 RPC 客户端流式 RPC,其中客户端写入一系列消息并将它们发送到服务器,再次使用提供的流。客户端完成消息写入,它会等待服务器读取消息并返回响应。...Port restricted NAT : 地址限制NAT相同,但限制包括端口号。如果内部设备先前已将数据包发送到 IP 地址 X 和端口 P,则远程设备只能将数据包发送到内部设备。

70940

前端经典面试题(有答案)_2023-03-01

⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。 恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。 恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,前端 JavaScript 取出 URL 中的恶意代码并执⾏。 恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...解决高度塌陷的问题:在对子元素设置浮动,父元素会发生高度塌陷,也就是父元素的高度变为0。解决这个问题,只需要把父元素变成一个BFC。常用的办法是给父元素设置overflow:hidden。...混杂模式通常模拟老式浏览器的行为,以防止老站点无法工作; 区分:网页中的DTD,直接影响到使用的是严格模式还是浏览模式,可以说DTD的使用这两种方式的区别息息相关

1.2K20

HTTP、WebSocket、gRPC 或 WebRTC:哪种通信协议最适合您的应用程序?

和 Cookie 膨胀 另一个问题是,随着 HTTP 规范的发展,规范中添加了更多的。开发人员还可以选择将 cookie 添加到,这些 cookie 可以任意大。...HTTP/2 的其他一些好处: 使用压缩来减小的大小,从而避免一遍又一遍地发送相同的纯文本。这显着减少了请求/响应的开销和发送的数据量。...** 其他一些框架示例是: 设置:在开始或连接期间交换设置信息。 优先级:重新分配消息的优先级。 PUSH_PROMISE:允许服务器向您推送数据——这是对服务器将发送的内容的承诺。...客户端流式 RPC 客户端流式 RPC,其中客户端写入一系列消息并将它们发送到服务器,再次使用提供的流。客户端完成消息写入,它会等待服务器读取消息并返回响应。...Port restricted NAT : 地址限制NAT相同,但限制包括端口号。如果内部设备先前已将数据包发送到 IP 地址 X 和端口 P,则远程设备只能将数据包发送到内部设备。

1K20

前端二面经典面试题指南_2023-02-28

反射型指的是攻击者诱导用户访问一个带有恶意代码的 URL ,服务器端接收数据后处理,然后把带有恶意代码的数据发送到浏览器端,浏览器端解析这段带有 XSS 代码的数据当做脚本执行,最终完成 XSS 攻击...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。 恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,混在其中的恶意代码被执⾏。 恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...⽤户浏览器接收到响应解析执⾏,前端 JavaScript 取出 URL 中的恶意代码并执⾏。 恶意代码窃取⽤户数据并发送到攻击者的⽹站,或者冒充⽤户的⾏为,调⽤⽬⽹站接⼝执⾏攻击者指定的操作。...-- 4xx:客户端错误 -->

44230

使用a标签下载文件

如果 Content-Disposition 的信息 download 属性不同,产生的行为可能不同:如果文件头指定了一个 filename,它将优先于 download 属性中指定的文件名。...如果指定了 inline 的处置方式,Chrome 和 Firefox 会优先考虑该属性并将其视为下载资源。旧的 Firefox 浏览器(版本 82 之前)优先考虑该,并将内联显示内容。...最后,我们模拟用户点击该链接进行下载,并在完成清理相关资源。在使用时,我们首先调用fileToBlob函数将文件数据转换为Blob对象。...该函数返回一个Promise对象,在Promise的resolve回调中返回了转换的Blob对象。 然后,在Promise的回调中调用了downloadFile函数来进行下载。2....最后,我们模拟用户点击该链接进行下载,并在完成清理相关资源。在使用时,我们首先调用fileToBase64函数将文件数据转换为Base64字符串。

97020

JavaScript 编程精解 中文第三版 二十一、项目:技能分享网站

这个特性略有挑战,网络服务器无法建立到客户端的连接,也没有好方法来知道有哪些客户端现在在查看特定网站。 该问题的一个解决方案叫作长时间轮询,这恰巧是 Node 的设计动机之一。...为了防止连接超时(因为连接一定时间不活跃后会被中断),长轮询技术常常为每个请求设置一个最大等待时间,只要超过了这个时间,即使没人有任何需要报告的信息会返回响应,在此之后,客户端会建立一个新的请求。...定期重新发送请求使得这种技术更具鲁棒性,允许客户端从临时的连接失败或服务器问题中恢复。 使用了长轮询技术的繁忙的服务器,可以有成百上千个等待的请求,因此也就有这么多个 TCP 连接处于打开状态。...为了将长轮询请求常规条件请求区分开来,我们给他们另一个Prefer: wait=90,告诉服务器客户端最多等待 90 秒的响应。 服务器将保留版本号,每次对话更改时更新,并将其用作ETag值。...来查看是否存在If-None-Match和Prefer

1.2K30

Spring Websocket 中文文档 (spring5)

在3.2中,Spring Security XML命名空间默认情况下不设置,但可以配置为执行此操作,并且将来可以默认设置它。 见7.1节。...有关如何配置X-Frame-Options设置的详细信息,请参阅Spring Security文档的“默认安全”。您还可以查看或观看 SEC-2501以获取更多背景信息。...阿@SubscribeMapping可以注释的方法@SendTo在这种情况下的返回值发送到"brokerChannel"所述显式指定的目标目的地。...guestguest STOMP代理中继始终 在代表客户端转发给代理的每个帧上设置login和passcodeCONNECT。因此,WebSocket客户端无需设置这些; 他们会被忽略。...用户在HTTP请求级别进行身份验证,并通过基于cookie的HTTP会话维护安全上下文,然后将该会话为该用户创建的WebSocket或SockJS会话相关联,并在每次Message流经应用程序时生成用户

11.6K76

Web Security 之 HTTP Host header attacks

HTTP Host 的作用是什么 HTTP Host 的作用就是标识客户端想要与哪个后端组件通信。如果请求没有 Host 或者 Host 格式不正确,则把请求路由到预期的应用程序时会出现问题。...解决这个问题的一个方法就是简单地在地址中添加公寓房间号码或收件人的姓名。对于 HTTP 消息而言,Host 的作用之类似。...提供一个任意的 Host 在探测 Host 注入漏洞时,第一步测试是给 Host 设置任意的、无法识别的域名,然后看看会发生什么。...有时,即使你提供了一个意外的 Host ,你仍然可以访问目标网站。这可能有很多原因。例如,服务器有时设置了默认或回退选项,以处理无法识别的域名请求。如果你的目标网站碰巧是默认的,那你就走运了。...例如,你可能会发现 Host 在没有 HTML 编码的情况下反映在响应标记中,甚至直接用于脚本导入。反射的客户端漏洞(例如 XSS )由 Host 引起时通常无法利用。

4.9K20

AWS alb 了解

在禁用一个可用区,该可用区中的目标将保持已注册到负载均衡器的状态。但是,即使它们保持已注册状态,负载均衡器不会将流量路由到它们。...要禁止多路复用连接,请在您的 HTTP 响应中设置 keep-alives 来禁用 HTTP Connection: close。...如果 HTTP/1.0 请求来自没有主机客户端,负载均衡器会对后端连接发送的 HTTP/1.1 请求生成一个主机。主机包含负载均衡器的 DNS 名称。...所有其他头名称是小写的。 Application Load Balancer 和 Classic Load Balancer 将响应代理返回客户端,遵守来自传入客户端请求的连接。...HTTP 限制 Application Load Balancer 的以下大小限制是无法更改的硬限制。

2.1K00

HTTP实用指南 - 笔记

,请求有语法错误或请求无法实现 5xx - 服务器端错误,服务器未能实现合法的请求 常见状态码: 200 OK - 客户端请求成功 301 - 资源(网页等)被永久转移到其他 URL 302 -...客户端通过 HTTP Method,对服务器资源进行操作,实现 “表现层状态转化” # 常用请求 Accept 接收类型,表示浏览器支持的 MIME 类型 (对服务端返回的 Content-Type...后有效 ETag 资源的特定版本的标识符,ETags 类似于指纹 Set-Cookie 设置和页面关联的 cookie,服务器通过这个头部把 cookie 传给客户端 Server 服务器的一些相关信息...# HTTP/2 更快、更稳定、更简单 帧(frame):HTTP/2 通信的最小单位,每个帧都包含帧,至少会标识出当前帧所属的数据流 消息:逻辑请求或响应消息对应的完整的一系列帧 数据流...接口后面不能追加参数 xhr.open('post', '/login') // 如果使用 post 请求方式, 而且是以 key=value 这种形式提交的 // 那么需要设置请求的类型

81920

Web标准安全性研究:对某数字货币服务的授权渗透

此功能通过可由“目标站点”设置的跨域资源共享(CORS)实现。 通常,网站不启用CORS,或仅为特定域启用CORS。这意味着浏览器只会阻止传递响应。因此,请求站点无法读取响应数据。 ?...然而,这有时并不理想,因为这会让API的使用变得更为困难,因此开发人员经常为此寻找替代解决方案。 另一种常见的技术是验证请求,以确保请求来自合法的客户端应用程序。...第一个称为no-CORS-safe:它可以安全地为Cross-Origin请求设置(例如attacker.com可以发送到bank.com): `Accept` `Accept-Language...` `Content-Language` `Content-Type` 在执行跨域请求时,JavaScript可以设置这些,并且只能设置这些。...另一个列表是Forbidden列表:它明确禁止设置黑名单,无论其跨源状态如何(即使对于同一源请求,如bank.com发送到bank.com不允许): `Accept-Charset`

1.7K40
领券