前端工程师精选面经合集

牛客看了太多面经了，回馈一下各位一面常规八股全文背诵45min(11.28)OSI七层模型http和https的区别https握手过程http状态码http缓存options请求手写JSONP浏览器的进程JS为什么是单线程事件循环let和constbind、call、applycss的单位， %单位参考的是谁Fiber架构组件通信方式useEffect第二个参数手写两栏布局判断链表有环智力题：用一枚硬币设计一个公平的游戏45分钟一面完第二天打电话约2面二面55min主要是项目和工程化(11.30)项目相关前后端认证方式webpack版本区别plugin和loaderhooks的优点前端性能优化...

整理了一份百度前端面筋，答案记录在评论里～时长55min，问问题45min，手撕代码10min1、TCP和UDP的区别？2、如何在移动端实现1像素细线3、什么是伪类？什么是伪元素？你所知道的伪元素？4、盒模型 content-box和border-box5、未知宽高实现垂直居中6、cache-control有哪些值？7、知道referer头部吗，直接请求服务器时refer是多少，顺便聊了其在CSRF中的作用8、XSS和CSRF攻击是什么？什么原理？怎么防御？9、二叉搜索js实现10、手撕：给定一个字符串，输出该字符串所有排列的可能。如输入“abc”，输出“abc,acb,bca,bac,cab...

快过年了,不要再讨论什么webpack、Vue源码、微前端之类的了。你带你的破电脑回到家并不能给你带来任何实质性作用，朋友们兜里掏大把钱吃喝玩乐，你默默的在家里摆弄你的破烂框架。亲戚朋友吃饭问你收获了什么。你说我做了个框架，把vue、react、angular优点都结合了一遍，亲戚们懵逼了，你还在心里默默嘲笑他们。笑他们不懂你的轮子、不懂你的算法、不懂你的封装，也笑他们连个复杂点的密码都记不住。你父母的同事都在说自己的子女年的收获，儿子买了个房，女儿买了个车，姑娘升职加薪了,你的父母默默无言，说我的儿子搞了个破电脑，开起来嗡嗡响、家里电表走得越来越快了, 你的父母还在想你什么时候能买套房子,什...

更新: 后续二面面经在这里   自我介绍, 介绍实习项目 一个脚手架项目的结构 npm scripts 你知道 Webpack 有哪些配置项, 各自有哪些作用 列举你知道的Webpack Plugin AMD和CMD的区别 在 TypeScript 中, type, interface, enum之间的区别 ts 继承实现问题  interface A { k1: string; k2: number; } // 请问如何实现一个类型 B // 使 B 在继承 A 的字段的基础上, 把 k1 和 k2 两个字段从必选转为可选   实现一个 js 函数, 用于判断后端发送的数字是否合法, 现定义...

一面  自我介绍, 讲实习项目 你在实习中的这些项目都是你自己做的吗? 有人带你吗? 你在实习中做的事情基本都是业界比较成熟的, 你在做的时候有参考哪些已有的成果? 你在实习中做的最有挑战的事情是什么? 你是怎么解决的? 你在实习过程中的最大收获 有没有了解 Vue? Vue 中父子组件传值 有没有了解手机端前端开发 cookie, localStorage, sessionStorage的应用场景 写一个 js 正则表达式, 实现对邮箱字符串的校验  /^[\w\.]+@\w+\.com$/   .reply { background-color: rgba(200, 200, 100, 0...

base: bj 今天下午脑子昏昏沉沉的, 头晕...  一面  自我介绍 Webpack 和 Vite 在配置上有很大差异, 你如何实现一个自动化工具, 将 Webpack 项目批量迁移到 Vite 假如你要对老旧项目的 eslint 进行升级, 你如何排查 eslint 因为配置或版本更新可能出现的报错 假如你要开发一个非常庞大的多级多选框组件, 你如何实现数据的异步加载?   🙌🌰: 页面上有三个多选框, 分别是蔬菜, 水果, 动物三个选项, 右下角有一个确定按钮. 当用户点击动物时, 向服务端异步请求上百张猫狗的图片, 然后把每一张图片作为一个 Checkbox 渲染到动物的下一级...

背景:2022.11.04 投简历2022.11.23 笔试, 记得考了一道 lc normal, 一道动态规划2022.12.8 约面试, 但面试官把面试忘记了, 晚上给我打电话约 12.92022.12.9 一面, 但面试官没有提前约会议室, 导致信号很差, 于是面试开始后, 现场直播面试官找会议室自我介绍籍贯高中, 大学, 研究生成绩排名有什么兴趣爱好大学选专业动机听音乐去什么 app, 歌单(??????)看过什么书谈过 npy 么(这和面试有关系么???)对找工作的意向, 为什么不实习转正React18 更新哪些内容你知道哪些国内外的 js 大神React hooks 原理, 为什么...

之前的一面面经在这里:  https://www.nowcoder.com/discuss/430759928832258048   自我介绍 你知道哪些前端构建工具, Webpack和Vite各自的优势有哪些 列举ES6语法, 哪些你用得多 你刚才提到了Promise, 会手写 Promise 吗? 列举你知道的数组的方法, Array.prototype forEach和map的区别 React 你知道有哪些hooks方法 useCallback原理 代码题: 用 React hooks 写一个计数器组件, 要求:  页面上有一个计数器, 一个开始按钮, 一个暂停按钮 点击开始按钮开始计数...

自我介绍 在你过往实习的项目中你遇到过哪些问题， 如何解决的 CSSposition属性有哪些值， 列举出来其各自的作用   static, relative, fixed, absoluate, sticky   口述https原理 CSS 手写一个两栏布局 CSS 将页面元素隐藏的方式有哪些 浏览器缓存原理 手撕代码:  function mySetTimeout(func) { // 实现该函数, 需要考虑用多种方式解决 } // 使执行下述代码的输出结果为"1234" console.log(1); setTimeout(() => { console.log(4); }); m...

实习做了哪些项目 > 以前项目的维护，然后是去年刚开始的一个项目，我负责哪些部分项目的技术栈，为什么选这些技术栈 > Vue + ElementUI，原因我觉得是上手快在你看来 Vue 和 React 的区别 > Vue 封装的比较好，容易编写React 对 JS 的要求比较高（但是 React 比较灵活）了解 typescript 吗？Vue 父子组件通信 > 讲了 props 和 emit还有其他方法吗？Vuex一般何时使用 Vuex？它们的区别，如何选择 如果多个组件都需要用到这个数据，用 Vuex如果只是父子组件之间通信，用 props 和 emit那如果通信频...