面试过程

一面是电话面，全程40多分钟。

• 自我介绍

• 简述 html 页面渲染过程。

•  TCP链接为什么会采用三次握手，而不是两次或者四次呢？
• html文档渲染过程，css文件和js文件的下载，是否会阻塞渲染？
• Javascript如何实现继承？
• 刚刚你说到几种继承的方式，分别说说他们的优缺点
• CSS 垂直居中有哪些实现方式？
• 上一题中说的flex布局，垂直水平居中必须知道宽度吗？
• 谈谈对 this 对象的理解
• 说一下浏览器的缓存机制
• 协商缓存中，有了 Last-Modified，为什么还会出现 ETag？
• 现在要你完成一个Dialog组件，说说你设计的思路？它应该有什么功能？
• 你觉得你做过的你觉得最值得炫耀的项目？

有赞一面结束后，过了两天就收到了二面的邀请。第二面是现场面，以下是面试中涉及到的问题。

• 自我介绍
• 先说一下你上一家公司的研发部署流程
• 既然你们是文件覆盖式发布，那你们的缓存是怎么刷新的
• 那我现在就不谈业务，你说一下浏览器的缓存方案吧
• 强缓存和协商缓存分别是什么？
• cache-control这个头是服务端设置的还是客户端设置的？
• cache-control的其他值，你也说一下吧
• 说一下Last-modified/If-Modified-Since和If-None-Match/ETag两种方案的优缺点
• 说说常规的前端性能优化手段
• 为什么浏览器要限制同一域名并行下载资源的个数
• 谈谈你对浏览器中进程和线程的理解
• 进程与线程有什么区别？
• Nodejs用得多吗？说一下nodejs进程之间是怎么通信的
• 图片懒加载怎么实现
• 怎么判断图片是否加载完成
• 假如现在页面里放在head的css文件下载速度很慢，页面会出现什么情况？
• 怎么理解回流跟重绘？什么场景下会触发？
• 例如页面这个CSS文件中有translate3d呢？
• 那假如我在页面里面加了一个<div style=" position:absolute; width:0; hegiht:0 "> </div> 呢，会回流吗
• 什么是CDN？
• 实现 throttle（节流）函数

作者：杨溜溜原文链接：https://juejin.cn/post/6844903715669999629