2025年前端面试题(基础) .pdfVIP

以家为家，以乡为乡，以国为国，以天下为天下。——《管子》

前端⾯试题（基础）

html

你做的页⾯在哪些流览器测试过？这些浏览器的内核分别是什么?

IE:trident内核

Firefox：gecko内核

Safari:webkit内核

Opera:以前是presto内核，Opera现已改⽤Google-Chrome的Blink内核

Chrome:Blink(基于webkit，Google与OperaSoftware共同开发

HTTP状态码及其含义

1XX：信息状态码

100Continue继续，⼀般在发送post请求时，已发送了httpheader之后服务端将返回此信息，表⽰确认，之后发送具体参数信息

2XX：成功状态码

200OK正常返回信息

201Created请求成功并且服务器创建了新的资源

202Accepted服务器已接受请求，但尚未处理

3XX：重定向

301MovedPermanently请求的⽹页已永久移动到新位置。

302Found临时性重定向。

303SeeOther临时性重定向，且总是使⽤GET请求新的URI。

304NotModified⾃从上次请求后，请求的⽹页未修改过。

4XX：客户端错误

400BadRequest服务器⽆法理解请求的格式，客户端不应当尝试再次使⽤相同的内容发起请求。

401Unauthorized请求未授权。

403Forbidden禁⽌访问。

404NotFound找不到如何与URI相匹配的资源。

5XX:服务器错误

500InternalServerError最常见的服务器端错误。

503ServiceUnavailable服务器端暂时⽆法处理请求（可能是过载或维护

2-AJAX运⾏步骤与状态值说明

在AJAX实际运⾏当中，对于访问XMLHttpRequest（XHR）时并不是⼀次完成的，⽽是分别经历了多种状态后取得的结果，对于这种状态

在AJAX中共有5种，分别是。

readyState

0-(未初始化)还没有调⽤send()⽅法

1-(载⼊)已调⽤send()⽅法，正在发送请求

2-(载⼊完成)send()⽅法执⾏完成，

3-(交互)正在解析响应内容

4-(完成)响应内容解析完成，可以在客户端调⽤了

if(ajax.readyState==4ajax.status==200){putData(ajax.responseText);}

js如何获取http状态码ajax.status

HTTP的⼏种请求⽅法⽤途

不飞则已，一飞冲天；不鸣则已，一鸣惊人。——《韩非子》

GET⽅法

发送⼀个请求来取得服务器上的某⼀资源

POST⽅法

向URL指定的资源提交数据或附加新的数据

PUT⽅法

跟POST⽅法很像，也是想服务器提交数据。但是，它们之间有不同。PUT指定了资源在服务器上的位置，⽽POST没有

HEAD⽅法

只请求页⾯的⾸部

DELETE⽅法

删除服务器上的某资源

OPTIONS⽅法

它⽤于获取当前URL所⽀持的⽅法。如果请求成功，会有⼀个Allow的头包含类似“GET,POST”这样的信息

TRACE⽅法

TRACE⽅法被⽤于激发⼀个远程的，应⽤层的请求消息回路

CONNECT⽅法

把请求连接转换到透明的TCP/IP通道

⾏内元素有哪些？块级元素有哪些？空(void)元素有那些？⾏内元素和块级元素有什么区别？

⾏内元素有：abspanimginputselectstrong

块级元素有：divulollidldtddh1h2h3h4…p

空元素：brhrimginputlinkmeta