《字节前端》专题

感恩第一个二面是字节给的，虽然已经寄了 o(╥﹏╥)o 但是面试官给了很好意见😭鼠鼠后面还要继续加油 一面 1. 项目背景 2. vue2和vue3的区别 3. proxy的第二个参数 4. websocket和http区别，连接断开怎么办 5. 防抖节流，手写防抖 6. 实习重难点 7. 页面卡顿问题 8. webcomponent的认识 9. 微前端实现 10. css隔离方案 11. gi

面的是国际化商业产品与技术的26日常实习，已oc 一面（8月22日）： 上来面试官介绍了一番部门是做什么的，然后让我自我介绍，说一面考核基础 对vue3的api有什么了解 有用过shallowRef和shallowReactive么（没用过） vue3响应式对于对象深层属性有响应式么，proxy是深层还是浅层代理 proxy能监听到属性的删除和添加么 vue3的vdom实现 新推出的SolidJS

45min 1.自我介绍 2.实习有什么收获 3.实习的过程中，开发的过程是怎么样的，前后端怎么沟通，然后聊了一点有关接口文档的东西 4.怎么解决多端不兼容的问题，那Uni-app一套代码可以编译成多端的小程序有什么不好的地方 × 不知道有什么缺点 5.团队怎么去做代码维护和校验的 6.怎么用git lab进行团队的协作 7.Git revert 和git reset有什么区别 × git res

这已经是复活面了，之前一面完直接秒挂，这次至少目前还活着。 先是个人介绍，这个面试官比较直接，在我介绍到第一个项目的时候就开始问问题了，后面就直接开始拷打项目了，没让我接着往下讲。不得不说，这个面试官的风格就是极具侵略性，会对着你的一个失误猛攻，有些人可能会慌，我的经验就是平常心对待，反正我就是个正常人，我又不是超人，犯错是很正常的事情罢了。 Vue-Router的几种路由方式 hash模式和hi

①项目介绍，管理端用户登陆流程    token验证 ②如果管理系统要有两个风格，暗黑风格和清新风格，如何更改： ③说下协商缓存和强缓存 对于图片，css文件这种用协商缓存好还是强缓存好，(我的回答是两个都用，对于图片文件这种不经常修改的，就用协商缓存，强缓存有有效期，面试官说时间可以延迟，我就。。。) ④webpack处理流程   构建流程  loader加载器 ⑤xss攻击csrf攻击  解释

一面： 1、发请求的方式 2、Promise的一些方法（then、catch、all、race），Async/Await 3、如何引入和加载css和js 4、选择器 5、盒模型 6、margin重叠问题 7、HTTP请求头响应头中常用字段 8、this指向，如何修改this指向，apply和call的区别 9、算法题两数之和 10、算法题实现一个函数可以第一次调用输出0，第二次调用输出1，0和1交

一面 大文件切片上传的实现 （项目中写过） JavaScript中的基本数据类型 判断数据类型的方法以及这些方法的区别 Object.prototype.toString.call的基本原理 原型和继承 CSS盒模型 Set和Map简单说一下 讲一下浏览器的渲染机制（defer和async） 重绘重排（解决） 讲一下事件循环（随后出了一道事件循环的题目） Vue生命周期 webpack中的打包流程

因为进会议之面试官已经到了，就直接打了招呼开始导致忘记录屏了，1.15分钟，这次面试官是我遇到的第一个马保国型的面试官（b站有个视频把面试官分为程咬金型：只打三板斧和马保国型：掌握了接化发），说到什么就聊什么，而且特别喜欢让我去想一些没考虑过的东西。前面有很大一段时间在考css，考了bfc，兄弟级别盒子边距重合问题和父子级别盒子边距重合问题；还考察了borderBox和contentBox，两种盒

1、vue的双向绑定实现 2、react的一道看代码题 3、一道事件循环机制的代码题    为什么有事件循环机制，node的事件循环机制是什么，怎么用promise实现async和await 4、手写防抖 5、最长子字符串

问的很多node node事件循环 mysql优化，查询首字母查询怎么优化，除了建索引，有想过分表吗 mysql大数据量的优化 对orm的理解，用的时候有什么注意事项 http2.0丢帧了咋办 spa的理解 redux的理解，为啥要redux、为啥reducer是纯函数 什么是rpc，扯到了消息队列，就问了消息队列 rpc和http的区别 手写题：并发限制、倒水的智力题，用算法模拟倒水 实习中有什

一面： 自我介绍 项目亮点 实习期间学到了什么 数据类型 怎么判断是Null 怎么判断数组 浏览器为什么是单线程 web worker 布局有哪些 vue2和3区别 diff算法 vue的生命周期 浏览器关闭后，vue的生命周期 怎么解决跨域 手写： 输出什么 单行超出省略，多行超出省略 深度优先遍历 二面： 自我介绍 项目难点，拷打二十分钟 js defer和async区别 IOS七层模型 HT

一面 1.css水平居中 2.bfc 3.css定位 4.判断一个对象为空对象 js 5.原型链 6.js事件循环 异步任务 7.浏览器缓存 请求头 8.跨域 如何实现 9.csp安全策略 10.最长回文子串 11.版本号排序 二面 1.级联选择器 2.vue双向绑定原理 3.vue2和vue3区别 4.性能优化 5.http从发起到渲染过程 6.数据请求 浏览器到服务端过程 7.http请求头

字节还是难 全程37分钟，有点短 1.什么是闭包 2.闭包底层是什么原理 3.https为什么是安全的 4.ssl、tls怎么底层怎么做加密的 5.ca怎么保证公钥安全 6.为什么学前端 7.怎么学前端 8.手写实现promise 9.手写爬楼梯 10.手写柯里化 11.什么是事件循环 12.浏览器和node环境的事件循环的区别 13.js如何实现沙盒运行 14.node环境和浏览器环境的区别 1

项目难点（封装组件） 父子组件传方法 导出文件浏览器是怎么下载的，回答了FileSaver.saveAs通知浏览器下载 跨域怎么下载 项目为什么选vue3 vue已经可以自动监听数据变化，实现页面渲染，为什么还需要nexttick 手写：Promise.any 虽然面完没几分钟就发感谢信了，但字节的面试官还是挺好的

部门：基础架构，难度一般 手写： Flat 打乱数组 八股&项目： 为什么喜欢前端 前端除了往工程化方向发展，还有哪些发展趋势？ 说一下你做的项目 你遇到的项目难点 实现水平垂直居中的方法？ Margin: auto需要配合哪些其他的属性来实现水平和垂直居中？ Css属性实现禁用js事件：pointer-events New做了哪些事 普通函数和箭头函数的区别 跨域解决方法 前端是怎么配置的？ P