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

1.css盒模型 2.Flex布局 3.BFC 4.Vue生命周期 5.Vue响应式原理 6.Vue2和Vue3 7.原型链 8.事件循环+其输出题 9.promise（then all race），及特殊场景的处理 10.浏览器输入url道页面加载过程 11.浏览器缓存 12.问项目（干了什么、难点、印象最深） 13.手写二叉树遍历 反问：部门 业务 技术栈 最后：谢谢你来参加参加面试（感谢你白

面试官自我介绍 候选人自我介绍 以下问题不分顺序 先问了项目+中间 技术基础+ 后面代码能力 1、路由权限怎么做的？要是想实现篡改用户权限的话怎么办？ 好像是某种攻击 去篡改接口数据，实现路由权限信息的更改 2、CSS选择器以及优先级？ 3、微前端集成过程中遇到哪些坑？ 4、webpack如何解析vue文件从而让浏览器识别的，过程是怎样的？ 5、宏任务微任务输出题 6、数组拍平并实现排序和去重 7

CSS盒模型是如何去布局的，什么属性去控制盒模型 BFC JS基础数据类型有哪些 typeof可以判断出哪些数据类型，如何判断数组的数据类型 数组常用方法 数组的reduce方法 对Promise的了解，Promise构造函数上的方法有哪些 如何监听用户的点击事件等行为 事件代理的好处 Vue数据绑定相较于jQuery有什么变化 defineProperty对于对象的哪些属性监听不到 为什么从de

面试官迟到20min 自我介绍 1. JS中常用的比较两个值相等的方式 2. ==和===的区别 3. ([]==0)输出啥 4. undefined和referenceError：xxx is not defined的区别，举个例子 5. JS有哪些本地存储的方式 6. 他们的区别 7. cookie的作用，一般存什么 8. cookie里存密码怎么保障安全性能 9. css有哪些动画实现的方式

时长：50min 部门：效率工程部 1、自我介绍 2、手写几种元素水平垂直居中方法 3、transform相较于margin的好处 4、position定位 5、移动端适配 6、vw、vh、rem、em 7、手写准确判断数据类型方法以及返回的示例 8、上面slice中的参数表示什么 9、其他的类型判断方式与区别 10、手写instanceof 11、JS实现继承方式，手写一个 12、节流防抖的区别

0.总时长60分钟 1.虚拟列表（实现原理，列表元素状态改变如何解决，不定高度滚动，多行滚动，scroll监听缺陷，节流两种实现方法，intersectionobserver参数问题） 2.杨辉三角 3.手写数组合并方法（参数化运算符和concat性能，concat和push实现空数组合并区别） 4.Vue代码说结果 5.反问 点评：第一条直接问穿心态炸了，导致后面没有回答底气了，面试官人很好。

1.Vue的编译过程 2.Vue的render函数 3.Vue的响应式API和React Hooks有无异同 4.函数定义和函数表达式的区别 5.实现垂直居中的方式 6.缓存方式 7.Vue的自定义指令的实现 8.手写题：把一个Object转成字符串形式（递归） { tag:'div' children:[ { tag:'span' children:['ssss'] }, { tag:'span

#实习#1、自我介绍与项目介绍 2、跨域里面JSONP的原理是什么？ 3、跨域是怎么形成的 4、写了一个script标签，在CDN上有一个线上的地址，通过script标签引进来有跨域的问题吗？ 5、移动端适配有哪几种方案 6、rem的原理是什么 7、rem根元素的大小该怎么进行计算 8、px一般怎么转rem 9、webpack里面loader和plugin的区别是什么 10、闭包的特性是什么？ 1

1.自我介绍 2.项目和经历介绍 3.get_user_id 转 驼峰表达式 最开始我用循环写的，在面试官指导下使用正则实现 4.本来面试官想问我vue相关的知识，但是我的技术栈是react 5.反问 希望能顺利通过 #快手# #暑期实习#

5/31下午两点 自我介绍 1、为什么选择前端 2、var，let，const区别 3、浏览器本地存储Cookie、localStorage、SessionStorage 4、同源策略、跨域问题解决方法 5、防抖节流，区别以及如何实现 6、Promise手写题：控制红绿黄信号灯循环 7、实现数组扁平化+去重+排序 8、项目相关：组件二次封装考虑哪些东西 9、性能优化相关：长列表性能优化、DOM节点

总共40多分钟，可能项目10几分钟，不会写代码，写了好一会，其他时间就在给建议和聊天了。 ———————————— 1.介绍项目的难点问题？解决了什么问题？有怎么进行性能优化吗？ 2.写一个定时器的题目（不知道怎么停止计时器，还是面试官引导的，结果是对了） 3.改进定时器的代码（开始是对的，但是没有继续写下去，以为错了，面试官给我讲了一下） 4.询问我学习的方式，我说一些博客和js红宝书之类的书籍

面试岗位：前端工程师，base上海 面试时间：8.23，69分钟 面试题目： 1、自我介绍 2、为什么选择做前端方向 3、简历上的第一个项目的难点 4、进程和线程 5、多线程会有什么问题呢，怎么解决 6、浏览器中有哪些进程和线程 7、浏览器垃圾回收机制 8、死锁及其解决方法 9、调度算法 10、TCP和UDP的区别，以及它们的应用场景 11、TCP三次握手和四次挥手 12、http都是基于TCP的

面试岗位：前端工程师，base上海 面试时间：8.30，57分钟 面试题目： 1、自我介绍 2、两个算法题，其中一个动态规划的算法题 3、Vue的渲染过程 4、Vue的双向绑定的核心设计原理 5、发布订阅模式 6、事件代理 7、Vue组件传值的方式，具体业务场景 8、JS事件循环 9、NodeJS事件循环 10、深浅拷贝 反问： 1、应届生培养机制 2、正式毕业前要去实习？ 3、业务反向 面试感受

base: bj 岗位: 前端 业务: 快手电商 背景: 这次是上一次电商一面后的二面 自我介绍 过往项目经历 讲讲你实现过的 React 组件 讲一讲你在过往实习经历里面, 最让你有成就感的事情是什么 如何衡量前端性能 前端页面如何排查 bug 事件循环: 看代码说结果 代码题: 获取一个数组中前 n 个最大的值, 你能想到几种方法 如果大数组的 length < n, 则递归处理小的子数组 反

自我介绍 C和C++的区别 什么是面向对象？ 封装，继承，多态 形参和实参的区别 栈和队列的区别 栈和队列的实际应用（栈：括号匹配，递归调用） 计算机系统里面应用队列的例子（先来先服务调度算法） 页面置换算法有哪些？（先进先出，LRU？？【最佳页面置换，时钟页面置换......】） TCP和UDP的区别 手撕： 9*9乘法表 最长公共子串 反问： （1）技术栈主要用C++吗？ 答：多媒体测试开发用