《前端面经》专题

一面： 1. 自我介绍 2. 为什么选前端，在学校做了哪些项目， 3. 实习的项目介绍以及你负责了哪一部分，做了什么 4. vue nextTIck作用，原理， 通过什么实现的，为什么可以这样可以实现 5. 事件循环，宏任务，微任务 6. 介绍闭包及原理 7. Http 和 Https 区别，Https，TLS握手过程 8. 重排重绘 9.进程和线程 10.箭头函数 11. 做题，1).数组随机打

8.4  投简历 8.7  笔试 8.9  收到面试预约邮件 可选8月13号9、10、11、14、15、16、17、18点的场次，每场有20个名额，预约先到先得 8.13  17：00 一面（≈50min） 面试平台是牛客，面试官迟到5min，17：05开始的 1、自我介绍 2、介绍一下自己做的项目 3、小程序中如何处理音频？如果音频过大如何处理？（我项目中提到的） 4、css中如何修改父元素的前

8.1  投简历 8.5  收到约面电话 8.12  17：30 一面（≈60min） 面试平台是牛客，面试官很和善，全程没有冷脸，不会的时候会引导提示 1、20min笔试（38个选择题，单选和多选混合） 面试官给笔试链接🔗，共享屏幕他看着做…… 2、自我介绍 3、判断数据类型的方法（typeof、instanceof、Object.prototype.toString.call() 4、ins

一面： 1、自我介绍 2、成绩，考研/保研 3、项目亮点 4、vue最大的优点 5、vue的响应式原理，vue如何监听数据 6、介绍mvvm 7、输入一个url到渲染页面会发生什么 8、哈希表的原理 9、反问 二面： 1、自我介绍 2、成绩 3、项目怎么做的，亮点 4、两道智力题 1）一百盏灯暗着，第一个人拉动所有灯，第二个人拉动编号为2，4，6...的灯，第三个人拉动3，6，9..的灯，求100

时长：50分钟，面试官人很好，问题也很常规。提前批面的第一家，希望能有好的结果 1、自我介绍 2、两分钟介绍项目、项目分工、你负责哪一块、介绍重难点、项目中封装了哪些组件 3、EChart的使用及细节：EChart的版本，用过哪些（折线图or柱状图or仪表盘）、颜色如何设置、如何动态适配浏览器放大缩小 4、项目中前端如何向后端请求数据 5、flex的使用，如何实现左右贴边 6、伪元素和伪类的区别

二面： 感觉是个大佬，比较注重基础，提问的方式也非常灵活，不是简单的提出一个问题，而是先铺垫一些情况之后再发问： 1.怎么用js实现类的修饰符 private public 2.静态多态？我说不太了解 3.构造函数 4.类型判断 5.值传递和引用传递 6.怎么传递引用类型而互不影响 7.怎么使得对象内的值不可修改 8.做个题：实现一个stringify 二面的时间挺短的，除去做题时间大概二十分钟的

总体感觉面试官人挺好的，答不上来了，他会给你去分析，给你些思路让你去理解。 1.localstorage sessionstorage  1）区别 2） 在a标签页面里设置的loaclstorage b标签页面可以拿到吗 3）localstorage存在计算机具体哪里  2.浮动  怎么清除浮动 3.BFC 4.flex 5.js基本数据类型 谁是引用类型 放在哪里 6.arr的操作有哪些 7.m

1、项目介绍，负责部分以及怎么实现的、改动 2、代码看输出并解释 3、宏任务和微任务关系（体面说法？） 4、响应报文组成、常见响应头 5、什么是跨域、解决方法 6、transform和absolute+left实现元素左移对比 7、回流相关的代码 8、盒模型 9、css响应式布局 10、tcp传输从慢到快的原因 11、ssl加密、如何确定ac证书有效性、加密方法举例 12、script标签阻塞的原

各种手写题 约50min 1.水平垂直居中 2.闭包，应用场景，拓展到手写防抖函数，拓展说一下什么时机释放内存 3.扁平化 4.快排 5.LRU缓存 6.手写promise.all 7.手写Promise队列

自我介绍 水平垂直居中布局？ DOM、BOM常用的API？ 浏览器缓存机制？ 重排、重绘？怎么减少重排重绘的开销？ 网页加载很慢的话，怎么做性能优化？ sessionStorage、localStorage、cookie区别？ 用过localStorage吗？如果要实现存储数据的时间不超过24小时怎么做？ 跨域怎么做？谁来做？ 响应式布局实现？媒体查询、vh、vw、rem、em？ react、vu

2022.8.22 Promise输出题 原型链题 对象属性（浅拷贝）是否改变的输出题 手写instanceof 原型链原理 http和https区别 对称加密和非对称加密 跨域 TCP、UDP以及应用场景 手写CSS垂直居中 BFC 盒模型 react生命周期 react有哪些hooks react router 手写数组括号匹配 #百度##百度校招提前批##面经#

部门说是做赋能的 需要会一些服务端开发 - 自我介绍 - 学校 毕业情况 - 前端使用的框架 - 为什么在 6 月份换了一家实习公司 - 项目经历 介绍一下第二个项目 针对项目中的问题进行提问 - 实习项目 - 题目 两数之和 - 题目 斐波那契 - typeof typeof typeof null - 宏任务与微任务 - 输出题目 - Promise - 静态方法 - promise.all

自我介绍 项目介绍 css position属性 关系选择器（nth-child） 属性选择器 盒模型（弹性和标准的区别；计算标准） JS 常用的es6语法 箭头函数（和普通函数的区别） class（setter/getter） 设计者模式 防抖和节流 网络 跨域 url参数切割 预检请求 跨域的时候后端需要做什么 简单请求和复杂请求 框架 react-hooks原理 react-hooks的优缺

update：刚面完半个小时后打电话约第二天二面 1.接触前端多久，如何理解前端后端客户端 2.css：flex布局相关，实现垂直居中、优先级、important 3.react中如何解决css样式冲突问题，css in js的方式为什么能解决，底层实现是什么 4.生产者消费者模型，场景，Provider最终被编译成什么 5.开发组件库组件的时候会如何设计、考虑哪些问题 6.react写一个倒计时

很慌，先回答一下，三面有技术问题。技术经理面，不知道有没有四面，问了一下，ta说大概率没有四面。 正文： 1. 问实习项目，项目中难点 2. 几个实习项目都自己介绍一遍，讲一讲每个实习的收获 3. 白屏优化 4 前端调优，加载慢分析原因，怎么搞 5 前端调试 移动端怎么调试？这个不是很会，回答比较粗糙 6 个人兴趣，个人习惯 7 根据项目问个人问题 最后专门问了一下面试官三面具体流程，ta说三面是