前端面试题之他们想问什么？

最近在找工作遇到很多奇葩的面试问题？怎么说呢，就是比较书面性的，比较学术性的问题？
今天大家分享一下吧，我们来分析一下究竟这些问题究竟在问什么？跟最终像表达的是什么？
对于面试题，真是千秋各异，有些公司喜欢问原理，有些公司不管原理什么的，直接那个API怎么怎么用！

回归正题吧!

1、浏览器输入url后都干了些什么?

你只会答：建立请求，接收数据，dom渲染等。那么百度一下别人是怎么写？
其实也差不多只是分解的很细，按我的理解说一下吧

1）如何建立请求？引申出来的HTTP协议的理解了？
那么HTTP协议如何工作？

一个基本HTTP系统有什么组件构成？

default

过程是怎么样的？

[client/request] –[Proxy] – [Proxy] – [Proxy]– [Server/response]

其中Proxies中可以进行如下操作：

caching (the cache can be public or private, like the browser cache)
filtering (like an antivirus scan, parental controls, …)
load balancing (to allow multiple servers to serve the different requests)
authentication (to control access to different resources)
logging (allowing the storage of historical information)

HTTP大致的流程：

1、Open a TCP connection (建立TCP链接)

2、Send an HTTP message （发送HTTP消息）

3、Read the response sent by the server （读取服务器响应信息）

4、Close or reuse the connection for further requests.（关闭或者重用链接）

https://docs.w3cub.com/http/overview/

2）如何渲染页面的？

任何浏览器都应该有的7大组件

How Web Browswers Work 2

涉及到的要点：DOM Tree, Html Parser, Css Parser, Layout, Painting, Css Box Modal(盒子模型), Positioning 等等，很长不一一说，可以阅读下面链接。

https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

2、 eventloop的理解？

你只会答：你指的是setTimeout，作用域，执行机制之类的吗？

其实想问的是浏览器单线程是如何工作的？ setTimeout在当前作用域最后调用只是一个子集

Stack, heap, queue

alert 和 synchronous XHR 会堵塞浏览器

eventLoop 大致的执行顺序

while (eventLoop.waitForTask()) {
  const taskQueue = eventLoop.selectTaskQueue()
  if (taskQueue.hasNextTask()) {
    taskQueue.processNextTask()
  }

  const microtaskQueue = eventLoop.microTaskQueue
  while (microtaskQueue.hasNextMicrotask()) {
    microtaskQueue.processNextMicrotask()
  }

  if (shouldRender()) {
    applyScrollResizeAndCSS()
    runAnimationFrames()
    render()
  }
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop

https://blog.risingstack.com/writing-a-javascript-framework-execution-timing-beyond-settimeout/