浏览器知识面试必备

1. 跨标签页通讯

• 通过父页面window.open()和子页面postMessage
• 异步下，通过 window.open('about: blank') 和 tab.location.href = '*'
• 设置同域下共享的localStorage与监听window.onstorage
• 重复写入相同的值无法触发
• 会受到浏览器隐身模式等的限制
• 设置共享cookie与不断轮询脏检查(setInterval)
• 借助服务端或者中间层实现

2. 浏览器架构

• 用户界面
• 主进程
• 内核
• 渲染引擎
• JS 引擎
• 执行栈
• 事件触发线程
• 消息队列
• 微任务
• 宏任务
• 网络异步线程
• 定时器线程

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

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

• 微任务 microtask(jobs): promise / ajax / Object.observe(该方法已废弃)
• 宏任务 macrotask(task): setTimout / script / IO / UI Rendering

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

• DNS 解析