《前端工程师》专题

手撕算法： 1.实现函数将10进制转36进制 2.判断一个完全二叉树是否镜像对称。input=[1,2,2,null,3,3,null]; 问了一堆数据库的东西，说做后台，不会 3.浏览器渲染（输入url到渲染） 4.http缓存，catch-control 5.js渲染阻塞异步加载 6.前端常见的安全问题 7.nodejs事件循环 聊项目聊项目 然后好像没啥了，不知道这么点东西为什么面了一个多小

1、三栏布局 2、BFC 3、点击li显示其里面的内容（事件委托） 4、Local Storage和Session Storage 5、es6新语法有哪些 6、promise简述 7、 8、react生命周期 9、高阶函数、纯函数 10、redux的三大核心 ​ 使用纯函数Reducer执行state更新 ​ state以单一对象存储在store对象中 ​ state是只读的，只有get，没有se

自我介绍 略 八股文 数据结构 排序方法 JS 数据类型 ES6特性 你怎么看JS，你觉得JS是一门什么语言 原生如何删除DOM中某一class属性 为什么将DOM操作统一执行 谈谈回流与重绘，那如果插入一个display:none的元素会触发回流重绘吗 Vue Vue2与Vue3的区别 Vue兄弟组件通讯 TS 对TS与JS的理解 CSS CSS三大特性 垂直水平居中的实现方式 flex布局与g

一面 二面 忘记记录了

一面（10.28） 项目中做的性能优化 响应式布局怎么实现 闭包 跨域 && 常见的跨域方式 TS 的好处 回流 && 重绘 前端安全问题 CSS 盒子模型 防抖 && 节流 && 解决了什么问题 开发流程 做项目过程中遇到的问题 && 怎么解决的 实习过程中，自己是如何主动学习的 组件化 与 模块化 的好处 前端代码部署流程 Vue 中父子组件声明周期调用顺序 Vuex cookie 和 ses

一面（10.13） 与 JS 相比 TS 的好处 TS 如何声明类型 TS 中 type 和 interface 的区别 JS 判断类型的方法 && 这些方法的区别 原型和原型链 koa 启动服务的流程 说一下数据库事务 路由懒加载原理 手写 寄生组合式继承 手写 防抖 && 节流 手写一个函数，判断对象中某个字符出现的次数#酷家乐前端##前端面经##前端工程师面经#

一面（9.16） 在金山实习做了什么 Vue 的优势 使用 Vue 过程中遇到的坑 GET 和 POST 请求的区别 深拷贝 && 浅拷贝 display 属性值 inline 和 block 的区别 二面（9.21） 自我介绍 家庭情况 && 为什么想来青岛 && 支持你来青岛吗 了解过我们的公司吗 通过什么途径了解我们公司的? 参加之前线上宣讲会了吗 你在找工作的时候最看重的是什么 你的优点和

四十分钟 前端学习途径？ 有没有看过GitHub源代码？能学到什么？ 实习 前端工程化。 实习 实习中遇到的难点 怎么学习框架工具? 新技术？ react函数组件类组件区别？ react组件逻辑服用？ usecallback、usememo？（今年被问了好多次）使用场景？ 问项目？项目成员？ 技术选型？ 前端鉴权如何实现？ 管理团队？ 校园职场的差别？ 优势？ 怎样才能成为优秀的前端工程师？ 规划

1. 说说项目浏览器崩溃怎么处理的 2. 说说后台管理系统 3. 说说 Vue 虚拟 DOM 4. 说说 Vue 生命周期 5. 说说 watch 和 computed 区别 6. 说说 watch 怎么监听数组 7. 说说 flex 8. 如何实现垂直居中 反问：钱多少，做啥

一面 1.问项目，项目亮点难点，配置过程，构建思路 2.防抖的实现（回过头来想，我好像讲成节流了） 3.js 基础数据类型 4.数组的方法有哪些 5.实现一个上下固定，中间滚动的布局 6.闭包的使用 7.map，forEach的区别 8.用过ant desigin的哪些组件(当时都懵了，完全不知道该说啥，头一次见问这个的） 9.BFC 10.vue和react的区别，你更喜欢哪个 11.vue的生

一面12.8（90min）： 自我介绍 微前端改造的背景 改造过程中的最大的挑战 动态渲染路由菜单 qiankun的沙箱 沙箱的实现 代理沙箱的缺点 影子dom的实现 其他css的隔离方案 上线流程 说一个印象最深刻的es6 讲一下sso单点登录 cookie的安全策略 vue setup和options api的区别 nextTick的原理 vue history模式的刷新404 渲染加key的

自我介绍 问我基本类型和引用类型 问我map和Object有什么区别，为什么要有map， 我当时说的是map自带一些方法以及可以迭代，插入值是更显示的插入不像对象那样有很多骚操作，以及性能更好 Object.create()和{}有什么区别 如何获取对象的key和val我说Object.keys和entries 判断类型的方法：typeof/intanceof/Object.protoype.ca

时长：90min 面试官问得很灵活，是根据学了什么来问的，收获很大。 自我介绍 虚拟列表实现（答得不好） 聊到了执行环境（聊了蛮久） 手写执行环境伪码 面试官说写一个闭包结合写的伪码来讲述执行环境原理 聊到了继承 有几种继承，它们的缺点是什么（没答得太好，用call继承的方案叫啥名儿忘记了，我说用call继承会让重复逻辑的函数重复创建，造成资源浪费，面试官说 错，然后进行了解释）PS：感觉我这么答

自我介绍 给了一个场景，让设计数据库（答不会，数据库忘了） react生命周期 useLayoutEffect和useEffect的区别（答，没听说过useLayoutEffect） 主键作用（答数据库忘了） 项目相关 puppeteer 实现方案，难点，服务器部署chromium websocket心跳续约、websocket用户鉴权 反问 问面评 答：还不错 问是否是知乎主站 答：不是，是做B

1.11 一面 时长50min 自我介绍 问实习经历，学到了什么 埋点，追问怎么埋，为什么要埋。 国际化适配 ... 问项目，问最有挑战的项目是哪个，然后问了几个别的，聊了蛮久 其实项目答得不是太好，很久之前的老项目了，不少线上的url都失效了... 问使用的react版本 答：16，有点老了。面试官表示确实，然后问我有没有用过新的，答： react生命周期 你刚刚提到了shouldCompone