前端面经

#前端面经#本人双非本，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可以预加载吗求求求

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

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]合法，给一号打印机。写完反问，面试官直接说过了😳（第一次遇到）#前端面经#

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

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

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配图神器#

说一下项目中的难点、亮点说几条性能优化的方案问webpack中loader和Plugin的区别CSS：css实现水平居中的方式，多说几种如何清除浮动文字超出盒子的宽高，对其隐藏设置什么属性如何解决塌陷问题：例如 父元素里有子元素，给子元素设置margin-top:50;父盒子和子盒子一块塌陷JS: ES6新特性有哪些promise的状态resolve是什么状态promise的出现是为了解决什么问题闭包是什么哪些方式会造成内存泄漏说下原型链普通函数和箭头函数有什么区别箭头函数的this指向哪修改this的几种方式call、bind、apply的区别sessionStorage和llocaStor...

🕒 岗位/面试时间 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。（两个无序数组合并成一个有序数组）代码题都没有写出来😭，感觉寄了。反问:贵公司技术栈有哪些贵公司前端部门有哪些，分别负责那些业务 #面经# #前端面经# #面试# 更新，已收到感谢信

如题，整理了一部分过期前端面经，大部分是上半年和暑期实习的 2024.3 腾讯 CSIG自我介绍判断数据类型call, apply, bind 箭头函数js有哪些遍历方式， for of for in 数组方法JS构造函数和prototype定义方法区别es6声明http常见状态码？预检请求？optionVue兄弟组件通信react类组件函数组件第一次进组件触发函数（useEffect）express.js相关用过云服务么？反问这个时候刚开始投简历找实习，基础都不咋会，一大半都答不上来，不知道这个时期怎么被鹅捞了，反正这次面完之后之后官网上再没被鹅捞过 Momenta自我介绍JS数据类型？双...

1. 自我介绍2. css怎么实现动画3. animation和transition使用场景4. 一个hover怎么控制两个元素5. Echarts的原理6. 用vue多还是react多7. vue怎么渲染列表的8. vue是实时更新数据吗9. 怎么实现所有组件都可以访问全局变量10. localStorage和sessionStorage的区别，为什么没有说cookie？11. vue的双向数据绑定和react的单向数据区别，优缺点12. 了解converse吗？13. 你本硕专业不一样，都是非科班，为什么选前端14. 数据结构怎么学的？为什么要学习数据结构15. 算法：二叉树层序遍历其他：1. 怎么管理git分支的2. 为什么要和后端了解数据库的设计3. 平时怎么调试的，怎么打断点查出问题？反问1. 技术栈？答：react2. JS还是TS？答：ts3. 对我的评价？答：不好说，你是第一个面的(相对于面试官)，要根据后面的同学对比比较面试官人很好很温柔很有礼貌，说本来是安排的下周四面试，但是个人原因只有提前到今天，不好意思，这么突然。（有被面试官的礼貌受宠若惊到）自我感觉答得很差，答得不细，4和5都没答上来，12没听说过，但问得其实挺简单补充忘记的问题1. 了解过微前端吗？2. 深浅拷贝实现，用JSON方法实现深拷贝的局限性 #用友# #前端面经#