如何做⼀个合格的Web前端⾯试官（⾯试者）-2021
最近⾯试不少，⾃⼰作为某易的前端TL⾯试官，也作为某鹅某巴等的⾯试者，总结了⼀些⼤⼚以及⼩公司2020年的⾯试经验。希望对你有⽤！
该⽂仅针对WEB前端⼯程师岗位（ !TeamLeader ）。⽂内具体实现⽅式请⾃⾏度娘/GG（或等我发原创）
…
2021.1.6 持续更新中…
htc a3102021.2.2 持续更新中…
⼀⾯/平级⾯（基本必考）
Vue
1、Vue的函数式组件是什么？
2、关于Vue的$set，怎么⽤的？会改变watch监听的对象或者数组吗？
3、Vue3.0有哪些优化的点？
Vue3.0使⽤Proxy进⾏响应式的监听(默认⾏为数据处理/多次触发set/Proxy只能代理⼀层)
模板编译和virtual DOM runtime 性能⽅⾯的优化
关于Vue和diff⽐较⽅⾯的优化
4、Promise如何解决回调地狱
⽹络协议相关
1、Http底层、TCP/IP协议、TCP、UDP区别；
2、客户端通讯，Client Server；
3、http1.1新增、http2.0新增、http头部属性；
pc标牌
4、http和https的区别；
5、http和https的不对称加密是如何进⾏的；
人脸识别医疗6、http的headers都有哪些属性？作⽤分别是什么？
（cache-control,expires,connection,last-modify,if-modified-since,etag,if-none-match,cookie,accept-ranges,content-type…）Node
1、Node的中间件是什么；
⾯向对象
1、对象的深拷贝；
JSON.parse & JSON.stringify
$.extends⽅法
loadash中的深拷贝
2、toString()
{}.toString()，会报错的原因
ES6
基本特性？遍历⽅式？
1、Set、WeakSet数据结构；
2、Map、WeakMap数据结构；
3、Proxy、Object.defineProperty差异；
H5与原⽣App通信
1、JSBridge
3、热更新的问题
磁疗被项⽬与实操
1、如何做断点续传；
输⼊域名，先进⾏域名解析，使⽤DNS协议，获取对应的IP地址
这个IP地址可能不相同，不同地区⽤户⼀般访问⼀个资源，先去CDN托管上 如果在CDN上没有到该资源，该主机会向中央服务器加载对应的资源，这个资源会缓存在CDN上，以后该地区的所有⽤户，都会享受该福利 ⾸先会拿到html⽂件
浏览器⾃上⽽下解析html⽂件
html中加载其他资源，最终页⾯渲染完成
3、浏览器渲染DOM的过程
处理HTML标记并标记为DOM树
处理CSS标记并标记为CSSOM树
将DOM和CSSOM合并形成⼀个渲染树
根据渲染树来布局，计算每个节点的⼏何信息
将各个节点绘制到屏幕上
4、阻塞问题⽅式
css是阻塞渲染的
javascript加载，是阻塞型的
async和defer是解决js阻塞最好的的⽅式
5、前端如何做监控和埋点sdk
性能监控&异常监控
高分散白炭黑第三⽅jssdk埋点统计⽤户uv pv 事件等⾏为分析，不能保证⽹站数据安全。
6、如果作视频和⾳频的优化，以及兼容问题
⼆⾯/TL或主管⾯
性能如何优化？
1、体积：体积压缩、代码切割、js代码懒加载；
2、缓存：资源的请求设置缓存，cookie减肥，前端静态资源缓存策略；
3、⽹络传输：CDN⽹络加速；
4、预解析DNS，预先告知浏览器某些资源可能在将来会被使⽤到；
5、图⽚：图⽚懒加载技术，雪碧图技术（CSS Sprite）；
6、webview：打成离线包，在webview创建阶段进⾏预加载；
富⽂本编辑器
1、⼀个富⽂本编辑器如何实现？
项⽬打包
1、项⽬打包，内部发⽣了哪些过程；
2、webpack插件的执⾏流程是怎么样的；
CDN托管加速的原理
1、中央服务器，每次代码更新，需要部署在中央服务器上；
2、托管服务器，⽤户量过⼤，为了缓解中央服务器的压⼒，很多资源会放到托管服务器上，⽤户进⾏资源加载的时候，优先从托管服务器加载；
3、⽤户解析⼀个域名，会得到⼀个ip地址，这个ip⼀般就是离你最近的cdn托管服务器，在这个服务器上下载你的资源，如果资源不存在，这个托管服务器会⾃动去往中央服务器下载；
Weex渲染机制、Flutter渲染机制的区别
1、…
跨域代理，cookie如何传输？
1、…
WEB安全是什么？什么叫CSRF？
1、XSS（跨站脚本攻击）- ⾮持久型和持久型；
2、CSRF（跨站请求伪造）；
3、点击劫持；
4、URL跳转漏洞；
5、SQL注⼊；
6、OS命令注⼊攻击；人脸识别医疗
7、cookie安全问题
React
1、虚拟DOM在react和vue中的区别
2、diff算法在react和vue中的区别
三⾯/总监⾯
哪个项⽬是你当前做的⽐较满意的项⽬？攻克的难点是什么？
主要考察⾯试者对新项⽬、新业务，对过往项⽬的认可度认同感，解决问题的思路，是否有亮点。
如何进⾏跨部门沟通合作，以及抢功劳如何调解（⼤企）
⼤⼚考验沟通能⼒，以及职场情商的考核。
四⾯/HR⾯
该处请⾃⾏度娘和GG…
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议