《web前端面试题》专题

先是自我介绍，要说一些自己的技术栈之类的东西 一、Vue 1.vue2和vue3的区别 2.控制标签的显示与隐藏 3.页面中有很多重复数据，用哪个标签来简化 4.怎么去优化v-for的性能问题 5.一个主键、页面的生命周期函数有哪些 6.页面初始化的时候，请求数据的逻辑写在哪个生命周期比较合适，为什么？ 7.监听属性改变的方式 8.数据（事件）改变之后发起请求，请求放在哪个监听属性比较合适，wat

美团第二次一面（岗位：web前端） 简要介绍一下，上次运维把我挂了，然后前端，后端都把我捞了起来，因为前端先打的电话，先约的前端，后端知道我约前端了，就没消息了 先说结果：又被感谢信了（意料之中吧😂） 这次面的时间比较长大概一个h，说过程吧 首先就是基础，也就是八股吧，涉及到的点有 1.操作系统，内存分段分页机制 2.计算机网络：三次握手，延申了一下，第三次包丢失了咋办 dns解析过程 3.设计

自我介绍 根据简历提问题： 1.讲一下你做过的项目，在里面担任什么角色 2.你是怎么运用element-plus的 3.你是怎么实现路由守卫的 4.有用过vuex吗（没有，用的pinia，讲了一下pinia的用法） 技术问题： 1.简述css盒子模型 2.如何实现水平垂直居中 3.如何存储数据（localstorage、sessionstorage） 4.如何实现数组去重 5.了解深拷贝吗？如何实

1. 自我介绍 2. 介绍七层网络模型、和DNS 3. React 代码层的优化可以说一下么？ 4. 说一下 useMemo 和 useCallback 有什么区别 5. 说一下 useEffect 和 useLayoutEffect 有什么区别 6. useEffect 对应在 class 中都生命周期怎么写 7. 如果在 if 里面写 useEffect 会有什么问题？ 8. 详细说下你对Re

七月底开始面试的，现在补上 一面，时长50分钟 1. 移动端布局和适配方式 2. em和rem 的区别 3. 如何判断数据类型 4. 为什么promise可以一直.then()？ 5. 常见的数组的操作方法 6. 手撕 两个有序数组合并 7. 双向绑定的原理 8. computed和watch的区别 9. vue生命周期的created和mounted的区别 10. HTTP状态码 11. 浏览器

笔试两个编程题+两个逻辑思维题，1.求两个字符串的相同字符串，2.1-10000内的素数，3.2个大桶+1个小桶分水进4个水池，4.三个人两两pk，求第三个是谁和谁pk

本文将介绍在开发过程中，所需的Web前端技术。 语言标准与规范 针对 Web网页中包含三个部分结构层，表示层和行为层，标准化组织都制定了相应的标准与规范，近几年主流的规范有 HTML5，ECMAScript 6，CSS等。 HTML5 HTML5是由W3C与WHATWG共同制定的规范语言。其目的是移动设备支持多媒体。因此相比旧版本，HTML5新增了很多媒介元素，例如用于绘画的canvas元素，用于

1、自我介绍 2、项目介绍 3、js中数据类型介绍 4、为什么typeof null === 'object'? 5、还有什么获取数据类型的方法？call、apply、bind方法的区别和联系 6、了解事件委托机制吗？target和currTarget区别？ 7、了解进程和线程吗？什么是多线程？ 8、多线程会有什么问题？ 9、js为什么是单线程的？ 10、UDP和TCP的区别是什么？ 11、三次握

面的是一家银行外包，面试前我还在犹豫去不去外包，面试中我汗流浃背，面试完有点想转行 整体场景题偏多，再结合项目经历提问 1.自我介绍 2.上家公司工作经历中说到了devops，说说对devops的理解 3.怎么在父组件知道子组件的生命周期 4.JS部分import比较多的组件，怎么优化 5.cookie怎么防止jsx攻击，cookie的属性 6.css完成左右两栏布局 7.后端一次性返回一万条数据

前端面试，时长1小时左右 ## 一面 ### 基本情况 1、先自我介绍一下 2、研究生阶段做过的项目有哪些 3、本科专业是xxx，研究生是计算机，是跨考嘛 4、开发中常用的技术栈是什么 vue、vuex、element、vue-router、html、css、js、JQuery 5、react学过吗 ### css知识 1、css的选择器有哪些，有没有看一下别人总结的知识点 小知识点的优先级有总结

一上来先做三道题，共享屏幕 1.链表翻转，自己写测试用例 2.合并两个有序数组 3.扁平化数组 介绍项目，围绕项目提问 反问

提前进去的，面试官也后脚刚进来，问我现在方便开始吗，就提前开始了。面试官看着很资深，比较严格。 先让我自我介绍，然后就直接让我手撕代码。 有个小插曲，一开始看不到屏幕上面试官写的代码，于是后来就贴图互动了，让我在自己电脑上的vscode实现。 1. 自己用函数来复现一下array.reduce()进行数组求和的操作，并挂载到array的原型上。 2. 实现一个场景的需求，假设需要一次性发送数千个p

真的好难啊问了好多h5的 先讲项目我讲的我的开源的项目 然后就深挖项目 问怎么做移动端适配我说的css媒体查询 然后她说你display none掉视频它还是存在啊。然后我就蛮尴尬的，然后问那个Botton为什么在手机上换行了。怎么去做这个我说用warp来做然后项目拷打不下去了就开始问基础。 基础问了数据类型嘛然后问bigint和num可以相加吗？我说不行，不行那怎么让他们可以相加呢？我说把num

一、总结 虽然很多很常见的题没答出来，特别是一个手写promise.all（）脑袋一片空白，叫面试官帮忙写了个开头，结果还是写不出来，也是比较尴尬，但相比第一次好很多了，至少没有第一次那样想逃。。。 不过也是服气自己，自己项目相关的iframe，跨源通信等竟然没有准备，白送的几个题没有把握住。 再说一下面试官小姐姐，可能也是由于面试官人好，没有压力，我才能好多答不出也没有想着逃跑的（当然第一次那个

对于不同性格的面试官，需要有不同的对策 字节跳动的面试也是我第一次面试，也是目前为止唯一一次面试，三个面试官都有不同的偏好 一面，我节奏掌握的不够好，太急于表现自己，在面试官问题还在铺垫的时候就发表自己的看法，偏偏面试官是个会对你的话找问题的人，自己给自己挖坑了(vue的data非得用函数？改变不影响布局的数据，vue会重新渲染页面吗？serviceworker的原理)，对于这种面试官，如果自己的