2021前端面试

1.什么是盒模型?

盒模型是规定了盒子里与盒子外之间的相互关系。
盒模型从里到外分为以下几个部分：
content（内容区）：元素的宽和高；
border（边框区）：盒子的边缘；
padding（填充区）：为了使页面布局看起来美观大方，盒子里的内容区会用padding来解决父元素和子元素的位置关系；
margin（外边界区）：控制同辈元素之间的位置关系。

2.如果控制台有一条错误信息为:$ is undefined,是什么原因造成的呢?

其实一开始我很蒙圈,谁会用$做变量呢?

1.有可能是未声明然后赋值

2.重复声明

3语法错误(没有加反向符号,es6语法)

有什么补充的欢迎下面留言,让更多面试者可以避坑

3.api数据返回是什么格式

Json格式

4.Json怎么转换字符串,或者对象?

JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值

5.前端怎么缓存数据的?

占位符

6.web端怎么获取数据?

1.接口轮询：通过客户端循环发送接口获取数据

2、websocket： 通过长链接，进行客户端和服务端双向通信，这种比较适合即时聊天通信

3、eventSource: 只用在服务端推送消息到客户端（IE不支持）

详细请点击:链接

7.怎么知道接口是用put,post,put方法?

POST:用于提交请求，可以更新或者创建资源，是非幂等的

PUT:用于向指定的URI传送更新资源，是幂等的

GET:

1get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。

2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。

3、Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。Post的所有操作对用户来说都是不可见的。

4、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。

5、Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。

6、Get是Form的默认方法。 二、从HTML中发送数据，在ASP中如何接收？ 在form表单的action属性值里面有一个相对路径指向asp文件。就是用这个asp文件来接收和处理的