前端面试基础

秒速五厘米 2023-01-08 05:18 150阅读 0赞

### 说一下盒模型？ ###

盒模型是css中重要的基础知识，也是必考的基础知识

盒模型的组成，由里向外content,padding,border,margin.

在IE盒子模型中，width表示content+padding+border这三个部分的宽度

在标准的盒子模型中，width指content部分的宽度

### box-sizing的使用？ ###

box-sizing: content-box 是W3C盒子模型

box-sizing: border-box 是IE盒子模型

box-sizing的默认属性是content-box

### 说一下闭包？ ###

闭包的实质是因为函数嵌套而形成的作用域链

闭包的定义即：函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包

export和export default的区别？

使用上的不同

export default  xxx

import xxx from './'

export xxx

import \{xxx\} from './'

### 说一下自己常用的es6的功能？ ###

### 数组去重？ ###

此题看着简单，但要想面试官给你高分还是有难度的。至少也要写出几种方法

var arr=\['12','32','89','12','12','78','12','32'\];

// **最简单数组去重法**

function unique1(array)\{

var n = \[\]; //一个新的临时数组

for(var i = 0; i < array.length; i++)\{ //遍历当前数组

if (n.indexOf(array\[i\]) == -1)

n.push(array\[i\]);

return n;

arr=unique1(arr);

// **速度最快， 占空间最多（空间换时间）**

function unique2(array)\{

var n = \{\}, r = \[\], type;

for (var i = 0; i < array.length; i++) \{

type = typeof array\[i\];

if (!n\[array\[i\]\]) \{

n\[array\[i\]\] = \[type\];

r.push(array\[i\]);

\} else if (n\[array\[i\]\].indexOf(type) < 0) \{

n\[array\[i\]\].push(type);

r.push(array\[i\]);

return r;

**    //数组下标判断法**

function unique3(array)\{

var n = \[array\[0\]\]; //结果数组

for(var i = 1; i < array.length; i++) \{ //从第二项开始遍历

if (array.indexOf(array\[i\]) == i)

n.push(array\[i\]);

return n;

**es6方法数组去重**

arr=\[...new Set(arr)\];

es6方法数组去重，第二种方法

function dedupe(array) \{

return Array.from(new Set(array));       //Array.from()能把set结构转换为数组

### get、post的区别？此题比较简单，但一定要回答的全面 ###

1.get传参方式是通过地址栏URL传递，是可以直接看到get传递的参数，post传参方式参数URL不可见，get把请求的数据在URL后通过？连接，通过&进行参数分割。psot将参数存放在HTTP的包体内

2.get传递数据是通过URL进行传递，对传递的数据长度是受到URL大小的限制，URL最大长度是2048个字符。post没有长度限制

3.get后退不会有影响，post后退会重新进行提交

4.get请求可以被缓存，post不可以被缓存

5.get请求只URL编码，post支持多种编码方式

6.get请求的记录会留在历史记录中，post请求不会留在历史记录

7.get只支持ASCII字符，post没有字符类型限制

### **你所知道的http的响应码及含义？** ###

此题有过开发经验的都知道几个，但还是那句话，一定要回答的详细且全面。

1xx(临时响应)

100: 请求者应当继续提出请求。

101(切换协议) 请求者已要求服务器切换协议，服务器已确认并准备进行切换。

2xx(成功)

200：正确的请求返回正确的结果

201：表示资源被正确的创建。比如说，我们 POST 用户名、密码正确创建了一个用户就可以返回 201。

202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。

3xx(已重定向)

300：请求成功，但结果有多种选择。

301：请求成功，但是资源被永久转移。

303：使用 GET 来访问新的地址来获取资源。

304：请求的资源并没有被修改过

4xx(请求错误)

400：请求出现错误，比如请求头不对等。

401：没有提供认证信息。请求的时候没有带上 Token 等。

402：为以后需要所保留的状态码。

403：请求的资源不允许访问。就是说没有权限。

404：请求的内容不存在。

5xx(服务器错误)

500：服务器错误。

501：请求还没有被实现。

前端面试基础

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关前端面试基础

相关 Vue 前端基础面试

相关前端基础面试必备

相关 web前端面试基础

相关前端基础面试题

相关计算机基础前端面试专用

相关前端面试基础总结

相关前端js面试题（基础）

相关前端基础面试题

相关前端面试之js基础