前端面试题2017/11/08

1：浏览器内核

Trident内核：Internet Explorer，又称其为IE内核。

Gecko内核：Firefox、Netscape6至9。

 WebKit内核：Safari

 Presto内核：Opera

 blink内核：chromium/chrome浏览器。

2：请求头信息

•    Accept:text/html,image/*(告诉服务器，浏览器可以接受文本，网页图片)
•    Accept-Charaset:ISO-8859-1 [接受字符编码：iso-8859-1]
•    Accept-Encoding:gzip,compress[可以接受  gzip,compress压缩后数据]
•    Accept-Language:zh-cn[浏览器支持的语言]   
•    Host:localhost:8080[浏览器要找的主机]
•    IF-MODIFIED-Since:Tue,11Jul 2000 18:23:51[告诉服务器我这缓存中有这个文件,该文件的时间是...]
•    Referer:http://localhost:8080/test/abc.html[告诉服务器我来自哪里,常用于防止下载，盗链]
•    User-Agent:Nozilla/4.0(Com...)[告诉服务器我的浏览器内核]
•    Cookie：
•    Connection:close/Keep-Alive [保持链接，发完数据后，我不关闭链接]
•    Date:[浏览器发送数据的请求时间]

3：响应状态码

数字的第一位指定了响应类型，后两位无分类。响应类别一共有5种：

• 1XX Informational(信息性状态码)
• 2XX Success(成功状态码)
• 3XX Redirection(重定向状态码)
• 4XX Client Error(客户端错误状态码)
• 5XX Server Error(服务器错误状态码)

HTTP响应状态码有很多，但是实际经常使用的大概只有14个。

2XX Success

• 200 OK 表示从客户端发来的请求在服务器端被正常处理了。

• 204 No Content 该状态码表示服务器接收的请求已成功处理，但在返回的响应报文中不含实体的主体部分。比如，当从浏览器发出请求处理后，返回204响应，那么浏览器显示的页面不发生更新。

• 206 Partial Content 该状态码表示客户端进行了范围请求，而服务器成功执行了这部分的GET请求。

3XX Redirection

• 301 Moved Permanently 永久性重定向。该状态码表示请求的资源已经被分配了新的URI，以后应使用资源现在所指的URI。 像下方给出的请求URI，当指定的资源路径的最后忘记添加斜杠"/"，就会产生301状态码

• 302 Found 临时性重定向。该状态码表示请求的资源已被分配了新的URI，希望用户(本次)能使用新的URI访问。

• 303 See Other 该状态码表示由于请求对应的资源存在另外一个URI，应使用GET方法定向获取请求的资源。 303状态码和302状态码有着相同的功能，但303状态码明确表明客户端应当采用GET方法获取资源。 当301，302，303响应状态码返回时，几乎所有的浏览器都会把POST改成GET，并删除请求报文的主体，之后请求会自动再次发送。 301，302标准是禁止将POST方法改变成GET方法的，但实际上使用时大家都会这么做。

• 304 Not Modified 该状态码表示客户端发送附带条件的请求时，服务器端允许请求访问资源，但未满足条件的情况。304状态码返回时，不包含任何响应的主体部分。304虽然被划分在3XX类别中，但是和重定向没有关系。

• 307 Temporary Redirect 临时重定向。该状态码与302 Found有着相同的含义。307会遵照浏览器标准，不会从POST变成GET。

4XX Client Error

• 400 Bad Request 该状态码表示请求报文中存在语法错误。当错误发生时，需要修改请求的内容后再次放松请求。

• 401 Unauthorized 该状态码表示发送的请求需要有通过HTTP认证的认证信息，另外若之前已进行过1此请求，则表示用户认证失败。

• 403 Forbidden 该状态码表明对请求资源的访问被服务器拒绝了。

• 404 Not Found 该状态码表明服务器上无法找到请求的资源。除此之外，也可以在服务器端拒绝请求且不想说明理由时使用。

5XX Server Error

• 500 Internal Server Error 该状态码表明服务器端在执行请求时发生了错误。

• 503 Service Unavailable 该状态码表明服务器暂时处于超负载或正在进行停机维护，现在无法处理请求。

4：src和href区别

href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示来源地址，在 img、script、iframe 等元素上。

src 的内容，是页面必不可少的一部分，是“引入”。href 的内容，是与该页面有关联，是“引用”。区别就是，引入和引用。

5：同步和异步的区别?

     "同步模式"就是上一段的模式，后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的；"异步模式"则完全不同，每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。
     "异步模式"非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，"异步模式"甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。
6:Typeof返回值数据类型
　　undefined
　　string
　　boolean
　　number
　　symbol(ES6)
　　Object
　　Function
7：session和cookie的理解
1，session 在服务器端，cookie 在客户端（浏览器）2，session 默认被存在在服务器的一个文件里（不是内存）3，session 的运行依赖 session id，而 session id 是存在 cookie 中的，也就是说，如果浏览器禁用了 cookie ，同时 session 也会失效（但是可以通过其它方式实现，比如在 url 中传递 session_id）4，session 可以放在 文件、数据库、或内存中都可以。5，用户验证这种场合一般会用 session 
因此，维持一个会话的核心就是客户端的唯一标识，即 session id
   Session是另一种记录客户状态的机制，不同的是Cookie保存在客户端浏览器中，而Session保存在服务器上。客户端浏览器访问服务器的时候，服务器把客户端信息以某种形式记录在服务器上。这就是Session。客户端浏览器再次访问时只需要从该Session中查找该客户的状态就可以了。
如果说Cookie机制是通过检查客户身上的“通行证”来确定客户身份的话，那么Session机制就是通过检查服务器上的“客户明细表”来确认客户身份。Session相当于程序在服务器上建立的一份客户档案，客户来访的时候只需要查询客户档案表就可以了。

8：一次完整的HTTP请求过程

原文深入理解连接

9：get和post的理解

1、Get是用来从服务器上获得数据，而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的默认方法。

10：浏览器如何渲染页面的？

由从服务器接收到的 HTML 形成 DOM（文档对象模型）。
样式被加载和解析，形成 CSSOM（CSS 对象模型）。
紧接着 DOM 和 CSSOM 创建了一个渲染树，这个渲染树是一些被渲染对象的集合（ Webkit 分别叫它们”renderer”和”render object”，而在Gecko 引擎中叫”frame”）。除了不可见的元素（比如 head 标签和一些有 display:none 属性的元素），渲染树映射了 DOM 的结构。在渲染树中，每一个文本字符串都被当做一个独立的 renderer。每个渲染对象都包含了与之对应的计算过样式的DOM 对象（或者一个文本块）。换句话说，渲染树描述了 DOM 的直观的表现形式。
对每个渲染元素来说，它的坐标是经过计算的，这被叫做“布局(layout)”。浏览器使用一种只需要一次处理的“流方法”来布局所有元素（tables需要多次处理）。
最后，将布局显示在浏览器窗口中，这个过程叫做“绘制(painting)”。   完整介绍