中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂

通过父页面window.open()和子页面postMessage

• 异步下，通过 window.open('about: blank') 和 tab.location.href = '*'

2. 浏览器架构

• 用户界面
• 主进程

• 内核

  • 渲染引擎

  • JS 引擎

    • 执行栈

  • 事件触发线程

    • 消息队列

      • 微任务
      • 宏任务
  • 网络异步线程
  • 定时器线程

3. 浏览器下事件循环(Event Loop)

事件循环是指: 执行一个宏任务，然后执行清空微任务列表，循环再执行宏任务，再清微任务列表

• 微任务 microtask(jobs): promise / ajax / Object.observe
• 宏任务 macrotask(task): setTimout / script / IO / UI Rendering

4. 从输入 url 到展示的过程

• DNS 解析
• TCP 三次握手
• 发送请求，分析 url，设置请求报文(头，主体)
• 服务器返回请求的文件 (html)

• 浏览器渲染

  • HTML parser --> DOM Tree

    • 标记化算法，进行元素状态的标记
    • dom 树构建

  • CSS parser --> Style Tree

    • 解析 css 代码，生成样式树

  • （编辑：西安站长网）

    【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!