前端面试题总结

1.从输入url到页面完成加载发生了什么

1.DNS解析：将域名解析成IP地址
在浏览器输入URL后，首先要经过域名解析。浏览器通过向 DNS 服务器发送域名，DNS 服务器查询到与域名相对应的 IP 地址，然后返回给浏览器，浏览器再将 IP 地址打在协议上，同时请求参数也会在协议搭载，然后一并发送给对应的服务器。
2.TCP连接：TCP三次握手
在客户端发送数据之前会发起 TCP 三次握手用以同步客户端和服务端的序列号和确认号，并交换 TCP 窗口大小信息。
3.发送HTTP请求
TCP三次握手之后，开始发送HTTP请求报文至服务器
4.服务器处理请求并返回HTTP报文
服务器收到请求后会发出应答，即响应数据。HTTP响应与HTTP请求相似， HTTP响应报文格式：状态行+响应头+空行+消息体，状态行包括HTTP版本号、状态码、状态说明。
5.浏览器解析渲染页面
浏览器拿到响应文本后，解析HTML代码，请求js，css等资源，最后进行页面渲染，呈现给用户。页面渲染一般分为以下几个步骤：

（1）根据HTML文件解析出DOM Tree

（2）根据CSS解析出 CSSOM Tree(CSS规则树)

（3）将 DOM Tree 和 CSSOM Tree合并，构建Render tree(渲染树)

（4）reflow(重排)：根据Render tree进行节点信息计算（Layout）

（5）repaint(重绘)：根据计算好的信息绘制整个页面（Painting）
6.连接结束：TCP四次挥手
当数据传输完毕，需要断开TCP连接，此时发起tcp四次挥手

js算法题

1、题目： 给定一个数组 nums 和一个目标值 target，在该数组中找出和为目标值的两个数
输入： nums: [8, 2, 6, 5, 4, 1, 3] ； target:10
输出： [8, 2]

function twoNumAdd(arr, target) {
  if (Array.isArray(arr)) {
    let map = {};
    for (let i = 0; i < arr.length; i++) {
      // 从map中查找是否有key 等于 target-nums[i]，如果有，则条件成立，返回结果
      if (map[target - arr[i]] !== undefined) {
        return [target - arr[i], arr[i]];
      } else {
        map[arr[i]] = i; 
      }
    }
  }
  return [];
}
var a = twoNumAdd([8, 2, 6, 5, 4, 1, 3],10)
console.log(a)