跳到主要内容

Web

一、跨域​

1.1 实现 CORS 跨域？​

1.2 实现 JSONP 跨域?​

1.3 为什么要有同源限制？​

1.4 如何解决浏览器跨域问题?​

1.5 什么是浏览器的同源策略?​

1.6 HTTP 跨域时为何要发送 options 请求?​

1.7 什么是 CSP ? 解决了什么问题？​

1.8 JsonP 跨域中, 服务端执行 Callback 之后, 前端是如何找到 Callback 并执行的？​

二、缓存​

2.1 认识 HTTP 缓存？​

三、性能优化​

3.1 性能优化指标​

3.2 从全链路角度分析一下性能优化​

3.3 你有用过哪些前端性能优化的方法？​

3.4 页面加载速度提升(性能优化)应该从哪些反向 来思考?​

3.5 从前端的角度，如何系统性的提升大型 Web 应用的可用性？可从你认为的可用性维度、监控手段和改善措施等方面阐述。​

四、资源加载​

4.1 浏览器资源加载优先级别有哪些呢?​

五、浏览器进程​

5.1 浏览器开启 2 个 Tab，它们是属于一个进程还是两个?​

六、浏览器渲染原理​

6.1 script 的加载会阻塞浏览器渲染吗?​

6.2 script 标签位置是否会影响首屏显示？​

6.3 输入 URL 之后的过程（页面渲染流程）? ​

6.4 描述浏览器的渲染过程，DOM树和渲染树的区别​

6.5 script 放在 head 里和放在 body 里有什么区别?​

6.6 把 <script> 放在 </body> 之前和之后有什么区别？浏览器会如何解析它们？​

6.7 background-image 是怎么加载图片的? 与 img 标签相比, 哪种方式先加载? 哪种方式性能更好? ​

6.8 网页重绘 Repaint 和重排 Reflow 有什么区别？​

七、其他​

7.1 Sentry 原理​

7.2 介绍一下你对浏览器内核的理解？​

参考资料​