前端开发工程师面经

前端岗，想来想去自己还是喜欢前端，平常没事还搞搞平面/UI设计之类的，不过，说实话研究生期间前端接触得不像本科时那么多，估计也是受当时在字节实习的影响（在那边实习经时常加班到深夜1-2点，而且上线时必须通宵），自己的热情不如本科时那么高，加上得做科研、跑实验、写论文，今年应导师的要求一直在写期刊论文，到9月份了还要投会议论文，实习也没找，也没怎么复习前端相关的内容，甚至最开始的简历，还是用的两年前的。。。有时候也挺后悔读研的，明明当时字节可以转正，非要出来读个研，读完后还不一定能回得去。大抵还是自己没想清楚为什么要读研，本科的时候一直想着保研保研，真保上研了也不知道自己为什么要读研，可能真“没...

牛客看了太多面经了，回馈一下各位一面常规八股全文背诵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的优点前端性能优化...

#前端##前端开发##前端面试##前端开发工程师面经##web前端##牛客创作赏金赛##现在前端的就业环境真的很差吗##牛客激励计划#

9.6线下二面hr面，之后一直在资料审核。这个能泡出来吗？

小红书实习 2022-11-15一面（已约二面）1.观察者模式 2.对称加密和非对称加密 3.render函数 4.cookie，token，登录流程 5.vite原理 6.webpack tree shaking原理 7.react hook原理 8.前端性能优化 9.SSR 10.图片如何压缩，webp，webm 11.react不可变数据，单一数据流有什么用 12.typescript interface type 13.如何在线展示组件库 14.如何传输时保证密码的安全性 15.React.Memo，useCallBack,useMemo避免重复渲染 16.修改obj.obj.obj....

一面（9.13）URL 的组成 && 长度http 状态码在流程器地址栏输入 URL，到页面渲染都经历了哪些过程JS 和 CSS 会阻塞页面渲染吗async 和 deferTCP 三次握手，四次挥手进程和线程的区别node 是单线程还是多线程进程和线程之间是怎么通信的防抖 && 节流 && 如何实现浅拷贝 && 深拷贝 && 如何实现promise && promise.allmap 和 object 的区别 && 可以迭代吗AST 语法树Vue2 和 Vue3 的数据响应式原理Vu...

自我介绍编程题上来直接就先做题1.在Array的原型上写一个类似于map的方法，要求返回一个对象，对象里面分为奇数和偶数两个属性。2.最长连续重复子串。3.ID树遍历 找出所有有children节点的父节点的ID 并且依次放入一个数组。八股4.this指向的题判断输出。5.原型和构造函数相关，也是判断输出，然后问了一些相关概念。6.箭头函数和普通函数的this的区别。7.事件循环题，判断输出。8.react中防止子组件渲染的办法？9.useMemo和useCallback的区别？10.html页面拿到后发生了什么？11.什么是跨域，怎么解决？12.跨域请求，cookie是默认携带的吗？项目介绍...

一面（8.19）介绍项目难点和遇到的问题以及优化项目中的token具体怎么使用的以及登录验证逻辑什么是 RESTful 风格接口路由懒加载以及实现根据需求，设计实现一个图片懒加载用一些工具的时候遇到了什么问题，怎么解决的作用域和 this 指向对 Promise 的理解 && Promise输出问题强缓存 && 协商缓存防抖 && 节流 && 手写节流，并写一个测试用例算法题：有效的括号平时怎么学习的最近有没有在系统性的学习一些知识

一面（9.29）js 基本数据类型如何判断类型100 + typeof undefined 输出什么== 和 === 的区别[] == ![]如何判断一个数组ES6 新增的数组方法说一下 reduce防抖 && 节流http 请求头事件流Vue2 和 Vue3 的区别在你的学习中，有一次快速掌握新技术的过程吗？是怎么做的？聊一聊你引以为傲的事聊一聊你失败的经历聊一聊你的业余爱好聊一本你最近在看的书手写 数组去重手写 instanceof手写 防抖手写 数组乱序二面（10.9）在金山实习过程中遇到的困难详细讲讲怎么做的登录验证用户信息加密是怎么实现的详细聊聊 axios不同权限的...

说是进入审批流程，请问经纬恒润成都自动驾驶部的工作强度如何？

据说已经开了两批了，还能开出来吗

一面（10.27）介绍项目项目中 token 是怎么携带的Vue2 和 Vue3 的区别数组常用的方法哪些循环是可以提前终止的深拷贝 && 浅拷贝 && 使用场景防抖 && 节流原型链flex 布局三栏布局less 的好处单行文字过长，显示省略号Vue 自定义指令Vue 组件传值方式怎么实现一个轮播图怎么实现图片懒加载怎么实现上拉加载更多移动端和 web 端的区别项目优化git 常用的命令平时怎么学习前端的 && 目前对于前端学习的计划

一面（10.18）Vue 生命周期v-if 和 v-show 的区别v-for 为什么要加 keyVue 中如何获取到真实的 DOM 节点CSS 实现绝对居中设计模式路由懒加载二面（10.19）为什么想来杭州发展目前拿了哪些offer期望薪资学习成绩之前了解过我们公司吗对加班的看法你的优缺点空闲时间会做些什么学习过程中遇到的挑战

一面（9.16）在金山实习做了什么Vue 的优势使用 Vue 过程中遇到的坑GET 和 POST 请求的区别深拷贝 && 浅拷贝display 属性值inline 和 block 的区别二面（9.21）自我介绍家庭情况 && 为什么想来青岛 && 支持你来青岛吗了解过我们的公司吗通过什么途径了解我们公司的?参加之前线上宣讲会了吗你在找工作的时候最看重的是什么你的优点和缺点是什么想做什么方向的前端? 说说大学期间做的项目 && 是独立完成的吗 && 具体是怎么做的说说之前的实习经历你觉得最有成就感的事你觉得遗憾的一件...

一面（8.9）原型和原型链获取对象的原型new 操作符实现原理call apply bind闭包以及使用场景ES6 常见的新特性let const var 的区别promise实现原理 && 什么是回调地狱 && 为什么会产生回调地狱promise.all 原理如何控制一个元素的显示和隐藏calc 可以计算乘除吗http 状态码协商缓存 && Etag 和 Last-Modified区别Vue3 相较于 Vue2 的提升proxy 与 Object.defineProperty的对比聊聊项目

一面（8.25）Vue2 和 Vue3 的 区别TS 在项目中的作用聊聊项目Vue 中组件通讯方式Vuex 的工作流程action 和 mutations 的区别JS 如何实现继承promisesome 和 everyfindIndex 和 indexOfgit 如何解决冲突快速排序思路 && 时间，空间复杂度HTTPS 原理进程和线程的区别二面（9.2）怎么学习前端的以及前端学习路线实习都做了什么 && 实习的收获项目的技术设计与实现项目的鉴权是怎么做的 && 怎么设计的做项目的过程中遇到的困难自己还需要在哪些方面进行提升Vue3 相较于 Vu...

老东家面试，由于学校课程安排，辞职回校了一面我的部门ld面面试题实习感悟学习方式实习中遇到的困难，身边的同事怎么样问了问我写的一些文档的事情希望你校招能来这里二面20分钟结束面试题一上来就是Java八股，hashMap、红黑树、复杂度那些，搞得我以为我投了Java岗位之前你在哪个部门实习？你在学校学习了那些课程？你觉得在实习中有那些收获？你觉得自己做项目和实习的项目有什么不同？之前部门的优点？说一下部门的缺点接下来是计网八股三次握手和四次挥手http2.0和http1.1区别额，好像没了？HR面有没有其他的offer？有没有意愿到合肥发展？身边同事怎么样？等审批吧最后过了几天吧就给我发意向了，...

一面（9.26）行内元素和块级元素行内元素如何切换成块级元素display: none 和 opacity: 0 的区别CSS 盒模型DOM操作的 API如何获取当前页面的 URL less 相较于 css 的好处Vue 中 scoped 得原理数组常见的 API一个简单的正则项目中 token 存哪里了，为什么这么存一条 SQL 语句为什么选择前端在金山实习的收获