每日互动（个推）前端一面（25min）

面试官是主管姐姐，全程微笑，还给我耐心讲解和解答，感觉又是自己的能力配不上这么好的面试官的一次面试，然后今天才从同学那里知道面试的时候弄个虚拟背景不是很友好，可能显得我不是很尊重人1. 怎么学习前端的2. 推荐下你看的关于前端的书籍3. 讲一下原型链的概念4. 讲一下闭包5. 你遇到过内存泄露吗，有哪些解决方法6. Vue3中有没有可以提升性能的写法，或者是避免出现性能问题的写法7. 说一下this指向8. http状态码9. 提到了304跟缓存相关，说一下什么是协商缓存，什么是强制缓存，怎样实现协商缓存，代码层面或者是服务器层面怎样做10. 缓存过期的的时候，是服务器直接给一个新的资源，还是浏览器再发一次请求11. 请求部分的组成有哪些12. 说到请求头，你知道哪些常见请求头13. 跨域这个问题有遇到过吗，解决方法14. 解决跨域使用CORS的方式，Access-Control-Allow-Origin你觉得设置为`*`合适吗?15. Access-Control-Allow-Origin只能设置一个源，但是想要允许多个源，怎样解决16. 除了配置域名之外，还要设置其他很多的字段，你知道有哪些17. 说一下BFC18. 说一下你知道的CSS3 新特性19. 你知道去年的ECMA发布的新标准有什么吗，前年的呢，有去了解过吗20. 说一下你知道的不包括ES6之后的新特性，比较新的特性21. TS中有哪些类型操作的方法22. 看你自己写过一个组件库，说一下UI设计，代码设计思路23. 说一下组件通信方式24. 事件总线的原理，谁是观察者25. Vue3 响应式怎么实现的26. 你在开发的过程中，你能理解你说的这些吗，分支切换，自定义什么时候触发effect，调度器27. rollup有用过吗，webpack常见的配置，loader，plugin28. 最后一个问题，你为什么弄了个虚拟背景#前端八股##前端实习面试##面经#

全程一个多小时1.自我介绍2.最后一个项目是用来做什么的3.讲讲第一个项目的RBAC权限管理，RBAC权限模型是什么4.大文件传输优化是怎么做的5.如何进行的文件分片，如何使用的md56.为什么file可以使用slice函数，底层实现7.简历格式自动识别是如何实现的8.简历分析提取和分析出了些什么内容9.讲讲如何实现的优化搜索 防抖10.限流和防抖的区别11.token验证流程12.批量上传如何实现的13.有没有批量同步14.对js的异步如何理解15.非阻塞io线程16.使用Vue多还是React多17.VueRouter怎么实现的，实现原理，两种路由模式是什么18.谈谈Vuex19.为什么要...

● 自我介绍● 项目遇到过什么困难● 小程序重构背景● 访问 qq 官网，输入url 过程● DNS 展开说说● https 和 http 的区别  ○ 有哪些加密算法  ○ 如何加密  ○ 对称 和 非对称 有什么区别● tcp 为什么是三次，而不是二次四次● 访问 墙外网站 会有什么不同（想问 https 加密后怎么被墙的） ❌● HTTPS防火墙工作原理HTTPS防火墙要做的一件事就是，强制安装一个证书到“受信任”列表中（也就是上图我涂黑的那两个证书，就是HTTPS防火墙为了能够工作，强制IT部门安装到每个公司的PC上的）。有了这个“受信任”证书，HTTPS防火墙，也就是中间人，即可把任何想要监听的网站的证书，都替换成这个“受信任”证书，之后通过HTTPS防火墙内置的私钥，解开客户端到服务器之间的全部加密通信。这种方式是有很大的安全风险的，因为，如果HTTPS防火墙本身被攻击，私钥泄漏，那么在公司上网将不再安全，所有HTTPS网页上的密码，都可能有泄漏的危险，比如知乎、微博等网站，仅仅依靠HTTPS加密来保证登录密码的安全，这些密码都不再安全。● 做题  ○ 事件循环  ○ this 指向 ❌ var a = 20;function foo() {    var a = 10;    var obj = {        a: 1,        c: this.a + 20,        fn: function () {            return this.a;        },    };    return obj;}foo().c;window.foo().c;foo.fn();// use strictfoo().c;window.foo().c;foo.fn();  ○ 失败重连 好像没完全写对（ ❌ ● 反问  ○ 腾讯云做SDK的，注重 JS 基础和计网基础

时长40min，react学得不忍直视，答得不好，已感谢信T.T先20分钟笔试：5道输出题，考作用域解构赋值的一道题，考赋值顺序，对象属性浅拷贝手写拍平数组手写async delay函数然后开始面试：await asyncreact useeffect依赖数组里一个对象的某个属性的值更改会不会触发回调react 常用的hookswebpack打包文件名为什么生成hash受控组件和非受控组件的区别usememo和react.memo的区别单例模式反问：地点（蓝鲸）业务以及技术栈（忘了，当时已经心凉凉了）