《快手前端工程师面经》专题

自我介绍 实习相关的问题： 介绍一下IM SDK webworker设备不支持问题 webworker踩过的坑 项目相关问题： 介绍一下项目 为什么二次封装axios 为什么二次封装vuerouter 八股： 盒模型、margin在这content-box和border-box的是否有区别 let var const 为什么没学vite 通过什么方式了解新技术 最近在学什么新技术 怎么看待chat

快手前端一面面经 1、自我介绍 2、CSS选择器权重 3、display几种方式以及原理 4、js执行机制结合定时器和then 5、Promise异常穿透实现过程 6、原型链关系和如何继承 7、v-if和v-show区别 8、用户从输入URL到页面显示全过程 9、DNS解析如何提高效率 10、缓存在http各个版本的作用机制 11、浏览器如何渲染数据 反问: 你们部门大概用到什么技术栈？ 加班情况

个人介绍 你的前端学习路线 对原型链的理解 你对继承有什么了解吗？有几种方式？优劣？ 你对异步编程有什么了解？就回调函数、Promise，async/await，具体的是指什么？ 闭包的理解 你提到了词法作用域？说说你的理解 你对事件循环的了解？ 给一段代码，事件循环结果输出是什么 说说你对Vue的理解 视图层如何更改数据层？ 说说你对虚拟DOM的理解？ 你提到了patchFlag，如果不用虚拟D

0.自我介绍 1.iframe传参 2.pinia原理 3.装饰器decorator使用场景？什么是aop？ 4.object.create使用场景？ 5.object.freeze原理？深层对象可以freeze吗？freeze hook实现修改freeze住的字段？ 6.public protected private区别 7.drag api 原理 8.grid布局和flex布局区别 9.权限

一共70分钟，自我介绍后，然后让我详细的讲一个项目，问了半个多小时。还让我说几个其它的项目所用到的那些框架的使用体验。 八股准备了两天一道没有用上。 面试官的性格像我以前实习的时候的一个同事...... 然后做题，一道业务题，实现一个全选checkbox按钮和几个子checkbox的点击逻辑，就用js纯写业务逻辑。面试官说基本都写出来了，就是细节有点问题。 一道算法题，数组最大子序列，很简单说了思

一开始麦没声音重启后才弄好导致面试官多等了几分钟 1. 上来先做题：给一个多层嵌套的数组，要求实现Array.prototype.getLevel()方法得到数组最深嵌套的层数（遍历元素然后记录下最大嵌套层数） 2. 判断数组有哪些方法（Array.isArray()，instanceof，Object.prototype.toString.call(),constructor) 3. Promi

50min 大部分问的基础 很多手写题 1 手写一个new（） 2 原型链 Object.create(null) {} 区别 结合题目说原型指向 3 说说this指向 4 事件循环机制题目 5 nexttick题目 （面试官提示了差点答错了） 6 项目优化 7 手写防抖 8 手写两个有序数组的并集 反问 技术栈和业务用的react和原生js，说不会卡vue，但是感觉有点寄 更新 早上11点面下午

又金九银十了，把今年的面试记录翻了翻，发现还不少，趁着这个机会总结一下 这是24年春季招聘的面试题 面试题目 1、dispaly设置none会引起什么，渲染的时候，dom树和渲染树是一一对应的么 2、手写几种元素水平垂直居中方法 3、transform相较于margin的好处 4、position定位 5、移动端适配 6、vw、vh、rem、em有什么区别 7、手写准确判断数据类型方法以及返回的示

文件上传，文件切片上传，断点续传 视频如何优化的 用户输入到代码运行，中间经历了哪些(打包，浏览器渲染，模板解析这些方面说) 实习用的react版本 react狗子 图片懒加载 大数据懒加载 js造成的卡顿有遇到过吗，怎么处理 了解哪些异步 如何拦截请求 react错误处理(狗子和组件) react类组件和函数组件的区别 JSX如何理解 如何渲染一个数组，key的理解 http缓存，html和js

1.说一下项目中最难的点 2.浏览器存储相关如storage,cookie等以及区别 3.cookie二级作用域共享 4.vue响应式原理 5.发布订阅与观察者模式区别 6.vue文件是如何渲染到浏览器上的，以及识别到其他文件怎么转换的 7.git运行机制，merge与rebase区别 8.手写node的util中的promiseify 9.输出题 输出a.a() a.b() A.a() A.b(

- 自我介绍 - 项目环节 - 问了实习当中的h5开发用到的技术栈，以及其中一个业务改造 - react+ts，承接产品提出的需求 - 如何使用OSS图片服务减少带宽消耗，如何测量带宽的减少，如何确定图片压缩的比例 - 通过调用图片服务API，具体实现原理是在canvas上进行压缩操作生成压缩后的图片再上传到服务器中 - 通过开发者工具的网络面板查看带宽消耗 - 二分法的方式设置图片质量和缩放尺寸

随手写了一下，有些有点记不太清了，细问还是答得不好，加油罢 react router 底层路由跳转原理 redux相关 捕获冒泡 addEventListener控件 回调函数参数 css实现一个header固定 下方自适应 带滚轮的布局 this输出 带箭头函数指向 promise输出 aysnc await输出题 promise.all 二叉树前序遍历 两种写法 浏览器缓存Cache-Cont

40min，大概率是凉了 1.自我介绍 2.TCP和UDP 3.浏览器输入URL 4.浏览器获取到数据之后渲染页面 5.css和js解析顺序 6.promise async/await Ajax 联系 7.手写Ajax 8. Promise 、async/await和setTimeout执行顺序题 面试体验还是不错的 #快手一面#

我们真的是面的同一家公司吗？我的面试官问的全是场景，狠狠拷打项目，八股几乎没有，甚至问到了有线电视为什么要用很粗的同轴电缆😭

自我介绍 项目亮点，说了老长，终于在嘴巴干涩的时候面试官让我停下，开始问一些细节 讲了自己知道的状态管理 详细讲了redux 结合了项目，面试官超级好，给我讲了RxJS 情景问题，流式的数据，想要返回怎么去做比较好 所有的design pattern讲了一遍，自己的项目是怎么用的 项目聊天中的websocket的实现 websocket的ping pong机制 nodejs和浏览器的事件循环机制