前端面经

这次专门在一周截止时间前一天面的，超过了邮件48h，链接还能用这次需要手机扫码锁机，有几条血泪教训：① 一知半解没学好的领域，在最初的选择学习过的范围里不要选，因为真的会问，对我这种略懂皮毛的，八股真答不上来，换题也不会② 不要出其他动静，在被八股拷打脚趾抠地时，我下意识边抠手边回答，就是两个手指指甲盖相互磨那种很细微的声音，都被捕获并进行了异常声音识别提示，所以面试老老实实不要出其他动静。③ 记得关浏览器倍速，刚打开ai面试官以2.5倍速说完，什么都没反应过来的我：啊？题目如下：岗位热情度：为什么选前端，怎么学习各种学过的知识选择（确定后续提问方向）八股，每道题可换题，30s思考，5分钟作答：DNS解析过程，DNS prefetch作用？HTTP状态码301 302主要区别，应用场景和对搜索引擎优化的影响？什么是交换机和路由器？工作原理？解释css中自定义属性和预处理器变量，如css或less中的变量的区别，并讨论它们各自的优缺点。请解释CSS中的transform属性的作用，并列举至少3种操作类型。什么是单向数据流，它主要解决什么问题？说说这种开发方式的优点和缺点。什么是vue的全局状态管理为什么需要全局状态管理？有哪些常用的状态管理库？解释虚拟滚动virtual scrolling的实现原理及其性能优化方向。请列举至少3种调整JavaScript执行顺序来避免阻塞页面渲染的方式。项目：描述你最近参与的一个前端项目，并解释你是如何设计其架构的，包括技术栈的选择和理由。在这个项目中，你是如何确保前后端之间的数据传输安全性和完整性的？你是否使用了任何特定的安全措施或协议来保护数据？在处理用户认证和授权方面，你们采取了哪些措施来确保只有授权用户才能访问和操作这些数据呢？场景题：你正在开发一个活动页面，需要提供H5和小程序版本，请描述主要的实现方案以及方案间的差别。怎么封装和复用通用代码。你提到了x种实现方案，包括....，在选择这x种方案时，你会如何评估和决定哪种方案更适合当前的项目需求和团队资源？具体来说，你会考虑哪些因素来做出这个决策？综合素质：描述一次你在学校或实习中遇到一个新问题，并不能依赖已有知识解决。你是如何找到相关资源并学习解决方案的？在你使用这些方法解决问题的过程中，如何评估和验证你找到的解决方案的有效性和可靠性呢？自从投腾讯以来，面了两次ai，捞了三次一面，快碎了，打算面完下次把简历撤了，等沉淀一下再来面经有帮助的话麻烦送朵花~我想兑换牛客的周边#前端面经# #ai面试#

3.27一面50分钟1. 实习提问2. 计算机网络：osi七层网络模型、http和https区别、https加密的过程、为什么后面不继续使用非对称加密？3. css两栏布局，不用flex4. codingman5. 不均匀的硬币，实现一个公平的游戏6. eventemitter发布订阅模式7. 反问😂一面就挂了，基本都答出来了，二面机会也不给嘛😢有没有友友懂得，是不是遇上kpi了😤#前端面经#

流程：意愿度问答（视频）→不定性选择→单选选择→专项问答（视频）其中选择题是纯选用过/会什么技术之类，不涉及技术考察专项问答，每问限时五分钟，分为三部分，分别是八股、项目提问、素质考察问题，其中八股每道题有一次换题机会。总体而言面试比较放松，但是ai只会读题干，遇到回答不上来的问题不会有任何提示，ai面试官感觉纯读题+展示功能，没什么交互。题干在屏幕的左上方，ai人物在中间，如果没有直视摄像头会一直提示，虽然好像没什么影响，但是突然弹出来会影响思路，所以对摄像头在键盘的面试者很不友好，读个题目都会提示直视摄像头。问题难度感觉总体还行，但我准备不充分，很多还是没答上来，建议八股部分如果第一道题能回答尽量回答，选择换题可能换到更不了解的题OTZ以下为面经：1. 请说说你为什么想要应聘前端岗位，在这方面做了哪些准备。2. 选择题多选■ 学过的计算机相关的课程■ 使用过的语言■ 使用过的框架■ 进行过哪些前端样式开发（动画过渡、布局、预处理器、组件化……）■……单选■ 最擅长的语言（前端方面）■ 最擅长的语言（算法方面）■ 最擅长的框架■……3. 请描述浏览器提供常用的调试工具，举例说明其在开发中的应用。4. 请详细解释下TCP和UDP的区别，它们各自的使用场景是什么？5. 请解释响应式设计的基本原则，并讨论如何使用媒体查询来实现一个复杂的响应式布局。6. 请说明如何在vue中的创建和使用自定义指令。7. 请问什么是异步加载？请列举至少三种常用的异步加载技术。8. 请列举常用的CSS预处理器，并解释其解决的问题和带来好处。9. 描述你最近参与的一个前端项目，并解释你是如何设计其架构的，包括技术栈的选择和理由。10. 在这个项目中，你提到前端需要处理复杂的数据关系并进行实时响应。请具体说明你是如何设计前端与后端的数据交互机制的，例如数据的传输格式接口设计的原则，以及如何确保实时性和性能的优化。11. 能否具体说明你是如何处理接口的版本管理和兼容性问题的？12. 开发一个即时通讯系统的前端页面时，你会如何设计消息的存储和同步机制？如何处理用户切换设备后的消息同步问题？13. 在用户选择同步消息时，你提到了会将数据库的内容进行同步到所有设备的信息中。这里涉及到数据一致性的问题，请问在同步过程中，如果出现网络延迟或部分设备未在线的情况，你会如何确保消息的最终一致性？14. 工作中需要面对全新领域的时候，你是怎么做的？能否举例说明？15. 描述一次你在没有明确指示的情况下，主动承担任务或解决问题的经历。面经有帮助的话麻烦送朵花~我想兑换牛客的周边#ai面试# #面经# #前端面经# #牛客创作赏金赛#

#前端面经#本人双非本，211计算机硕。22年毕业后来广州。大部分会根据简历上做的项目和你介绍的点去问，建议把自己简历上写的点弄清楚，好去介绍。1. 自我介绍；2. 如何解决浏览器适配、兼容性3. 如何解决js css html新功能的兼容性问题；工程化是如何搭建的；4. css的样式的权重具体是怎么计算的5. 比如一个p元素，没有给他定义样式，那它的样式是怎么来的？他们的优先级是什么？[浏览器默认样式、继承样式、全局样式/重置样式]6.  进程与线程的区别7. js事件轮询（宏任务微任务，优先级）和nodejs事件轮训、浏览器的事件循环机制，8. 打开一个浏览器，浏览器自身它是有多个进程还是只有一个线程9、浏览器有哪些进程10、新开一个tab页，是新开了一个进程还是线程11、nodejs，优点是高并发？为什么它是单线程的还能实现高并发；12. 跨域的解决办法；除了配置代理，nigix、cors，前端还有什么解决跨域的方法；13. 什么是正向代理反向代理；14. 小程序性能优化做哪些内容；多平台的兼容性和稳定性15. 数据量大的情况下，除了虚拟滚动，分页，还有什么其他方法16. 输入url到它整个渲染过程做了那些事，具体说一下浏览器解析的一个过程17. 谈到浏览器的解析过程，js为什么会阻塞18.箭头函数、普通函数的区别，比如我要调用它的一个属性和方法它是怎么找的？19.推广ts的应用，ts有什么功能；如，枚举，枚举的源码、k与v怎么实现的相互转换20. http1和http2   http和https21.抓包工具用过哪些，什么抓包原理22.怎么学习的、怎么学习新知识的；23. 加班强度怎么看24. webview 预加载25. 把一个h5改成vue，原生界面打开是非常快的，接近秒开，我们想要在vue去替代他游戏内的一些原生组件，怎么样能尽量去还原原生效果；如何保证js原生界面、动画的效果，尽量达到原生界面的效果26 怎么使web页面网络请求的时间尽可能的短27. webview可以预加载吗求求求

2-17投，2-19打电话约面2-20一面50分钟1.自我介绍2.实习经历+自身情况，问了非常久，聊家常也蛮好的🥰3.css水平垂直居中4.自己实现的React hooks5.React跨组件通信6.防抖，手写（AI提示太快了😂）7.ts，我说没怎么用过就不问了反问：问业务，了解到大概有三面感觉良好，面试官也很和善，就喜欢这样轻松愉快的面试氛围2-27二面一小时1.实习经历介绍2.讲数据结构，数据结构的实现复杂度、应用场景；链表数组的本质区别；队列、循环链表的异同点；树、图的应用3.OSI七层模型，每层的常见设备4.进程、线程。跨进程通讯方式，这些方式哪个效率最高，哪个最安全5.vue、react、angular优缺点，谈看法6.小程序支付宝、原生、京东的跨端框架7.UDP、TCP原理、区别、应用场景8.力扣原题80😂408拷打说是，死去的回忆在攻击我3-5三面45分钟-1小时1.问AI大模型给行业带来的影响，有没有用一些AI工具...2.写题，n个打印机，m个请求，请求有起始、终止时间，问请求是否合法。比如两个打印机，请求分别是[2,6][1,5][3,4][7,8]。[2,6]合法，给一号打印机，[1,5]合法，给二号打印机，[3,4]不合法，[7,8]合法，给一号打印机。写完反问，面试官直接说过了😳（第一次遇到）#前端面经#

一、个人背景教育：本科双非+211硕工作：网易1年半B端+C端工作经验岗位：前端工程师结果：8月同时拿到了字节、百度、pdd的offer，最后入职字节，现字节某部门前端二、字节面试经过1️⃣技术一面自我介绍+项目经历+离职原因+职业规划会问一些基础的技术题，大部分都是leetcode中等难度的题项目部分会问你技术难点是什么，怎么解决的，有了怎样的产出离职原因和职业规划社招的人应该都知道怎么说，这里就不多赘述2️⃣技术二面自我介绍+项目经历先问算法题然后问你在项目里是怎么做一些提效工作的产生了什么样的收益，这时候会比较关注数据指标，可以把自己的结果量化一下3️⃣技术三面自我介绍+项目经历先问算法题这时候面试官对项目的考察会更细致关于项目里的难点，如果是提效的技术，要确定：做这个提效的技术产出和收益，以及有没有推广出去，团队成员的使用评价。4️⃣hr面主要是看你对于这份工作接受的意愿，心态上可以轻松一些三、总结面了这么多大厂，从我个人经验来说，要想增加拿offer的机率，有以下几个方面* 选岗上-选岗位相关度高的，仔细看岗位JD，不要为了进大厂而投，我投过腾讯、B站、米哈游，因为岗位不相关都没过，工作也是双向选择的过程，不能强求* 简历上-体现项目产出，按照难点-性能优化-量化指标的逻辑去写，没有产出的可以写写自己是怎么高效工作的* 面试上-leetcode算法题准备到中等难度，同时要多关注行业的新动态，比如AI方面的，对自己经手的项目熟悉* 心态上-多准备不要焦虑，与其一直刷经验贴，不如再去熟悉一下算法题 #前端开发#  #前端面经#  #我的求职思考#  #牛客创作赏金赛#  #简历中的项目经历要怎么写#

📍面试公司：中新赛克👜面试岗位：前端开发📖面试问题：1：讲一下Promise，后续加了个场景题，顺带让手写了下promise.all;2：事件循环，任务执行顺序3：懒加载4：冒泡和捕获的具体过程5： TCP和UDP的区别6：一句话描述一下this7：函数内的this是在什么时候确定的？8：大屏优化思路反问：团队规模，加班情况，加班是否有加班费🙌面试体验：两个面试官面了50min,总体体验还好。面试第二天通知一面过了，约了二面(进行中)#软件开发笔面经##前端面经#

#牛客AI配图神器#📍面试公司：阳光电源👜面试岗位：前端开发📖面试问题：1：vue路由模式及区别，实现原理；2：CommonJS和ES6模块的区别;3：rem和em的区别，居中方式；4：说一下跨域原因以及在工作中你是怎么解决的；5：V8的垃圾回收是发生在什么时候？6：nginx有配置过吗？7：setTimeout的执行原理(EventLoop)怎么觉8：常见的网络攻击方式，工作中避免.....9.项目中遇到什么难点，如何解决 ，平时如何学习还有什么想要问我的吗？团队人员分布情况我进去主要是负责哪块内容🙌面试体验：总共一个面试官，面了大概一个小时，面试第二天邮箱收到人才评测，目前第三天还无消息（后续不知道啥情况）#前端面经##软件开发笔面经#

1. 自我介绍 （应该上面还有一家公司面试，不想分开了，问题直接混在一起记录吧）2. VUE和VUE3的区别，组件通信的区别，写出provide inject 使用代码示例3. 手撕代码-有一个数组由自然数组成，其中有一个数字出现两次，其他所有数字出现一次，请问找出出现两次的数字4. 浏览器缓存5. 强缓存与协商缓存的区别异同，这两缓存的机制6. 如何判断协商缓存是否命中7. 四位数验证码，输入顺序不一样，如何控制，怎么做8. Vant组件库的优势，为什么选择它？9. 代码规范配置— 常见代码配置方法：Eslint、Prettier、Stylelint、Husky10. vue 里面你要优化大批量数据，就是大规模数据利用这种树形结构啊，几几千几万条数据的这种，这种树形结构的渲染的话，你是怎么提升性能的呢？还有哪些优化大规模树形结构数据渲染性能的方法？  10. Vue3是如何进行性能优化的？11. Vite是如何提高性能的？Vite的优缺点12. webpack和vite的最大区别是什么？Tree-Shaking是什么，它是怎么优化代码的；13. echarts有没有做过多个图标的叠加14. 开发项目过程中，这么发现项目有没有内存泄漏？这么解决内存泄漏的？15. v-model的实现原理16. 节流与防抖17.事件冒泡与事件捕获；传播方向与时间执行顺序？18. 怎么判断一个对象是空对象？ 19. js事件循环机制，微任务执行的时机；20 普通函数与箭头函数；this指向是执行的时候确定还是定义的时候确定？21.常用布局是什么？怎么使用flex布局实现水平垂直居中22. 页面布局里面的回流（重拍）和重绘区别；  transform实现元素的平移、旋转、缩放的话；页面会不会重拍；23.实践过程中，如何避免频繁的重绘和回流呢？特别是回流24. 会导致整个组件发生改变的情况下，这么去控制减少这个重绘跟回流的情况？25. 大屏项目中，如何去实现分辨率适配；25.用rem，那么其他元素为什么不统一使用rem去适配呢，无论它什么分辨率都按等比例去放大和缩小；26. 生命周期函数，平时都用来做哪些操作27， watch和computed的区别28. 有没有用computed实现组件v-model（自定义组件，实现v-model）29. vuex 几大模块，分别用来做什么的；30. keep-alive是怎么工作的31. K8S怎么实现缓存机制的32. nexttick的作用，使用场景33.vue-router的路由模式，区别。原理34. 虚拟dom，这么提升vue的渲染性能的？dom对比，它是第一笔如果两个元素之间有差异，是整个替换掉还是替换里面的属性呢  35. V8的渲染 #前端面试#  #社招#  #线上面试#  #前端面经##牛客AI配图神器#

📍面试公司：科大讯飞👜面试岗位：前端中级📖面试问题：一面：项目环节？难点，如何解决js基础数据类型如何判断构造器原型链的理解，追问闭包的理解，作用以及弊端this指向编码时确定还是运行时确定let和var数组如何复制？Array自带方法实现深拷贝vue组件缓存？<keep-alive>参数移动端如何保证不同设备保持页面一致？rem原理流式布局一个js有许多ajax，如何优化js中this理解？如何改变this指向，call、bind、apply区别？手写promise状态？提供了哪些方法，有什么区别？讲讲webpackvue响应式（数据双向绑定）原理vue组件通讯$nextT...

🕒 岗位/面试时间 9.8晚上六点半🤔 面试感受自我感觉面的很差，全程一个小时，问答35分钟，算法题20分钟，反问三分钟1.自我介绍2.了解css布局吗？ position有哪些属性？（只答了绝对布局和相对布局，这个是真的没准备）绝对布局和相对布局是怎么绝对和相对的（这个一搜就搜得到），然后父元素position是什么，子元素position是什么，那么子元素的布局是相对于谁？3.commonjs和es6的区别4.promise是什么，有什么作用，为什么要用promise。promise链式调用的所有.then里面的this指向的实例是什么，可以指向同一个实例吗？5.http缓存流程（注意是问这个流程是什么）。若资源没过期返回什么状态码，过期了返回什么状态码6.输入url到页面展示的过程7.react组件间传值？兄弟组件怎么传值？context和redux的使用时机。8.虚拟dom作用，diff算法，如何优化diff算法（这个没答上来，有大佬可以在评论区说一下吗）代码题:1.最大不重复子串长度2.手撕实现数组的concat和sort。（两个无序数组合并成一个有序数组）代码题都没有写出来😭，感觉寄了。反问:贵公司技术栈有哪些贵公司前端部门有哪些，分别负责那些业务 #面经# #前端面经# #面试# 更新，已收到感谢信