前端面经

腾讯社招前端面经（成都）

本人经验是1.8年，拉钩投递，分享面经用于学习，大家可供参考~面试流程电话面同事面组长面部长面电话面首先会接到一个面试官的电话，问一些简单的问题，简单确认是否水平真实，没有录音，记不到什么了~过了才有线下面试机会(网上说这个只是来简单判断简历是否有水分，所以如果经历正常下能过滴～)。自我介绍上家公司业务、规模项目中遇到的最大挑战react与vue的区别离职原因同事面电话面过了的话，差不多三个工作日
·2025-06-29 11:53

微信小程序前端面经

一、技术栈与编码能力（10min）1.Vue3&CompositionAPIQ1：请解释一下ref和reactive的区别？你在项目中是如何使用的？答：ref是包装一个原始值或对象，通过.value访问，reactive是对对象的深度响应式处理，不能用于原始值。在模板中使用，ref会自动解包，不需要写.value，而reactive直接访问属性即可。加分点：toRefs的作用及如何在组合函数中使用
Nueuis·2025-06-06 04:20

【前端面经】字节跳动一面

写在前面：面经只是记录博主遇到的题目。每题的答案在编写文档的时候已经有问过deepseek，它只是一种比较普世的答案，要学得深入还是靠自己Q：三栏布局的实现方式（圣杯模型）如何实现A：/*整个*/.container{display:grid;grid-template-columns:200px1fr200px;}或/*整个*/.container{display:flex;}.left,.ri
普通老人·2025-06-02 09:20

前端面经 两栏布局

两栏布局float实现1.给父盒子加float:hidden实现BFC2.给左盒子加浮动float:left给宽度flex布局1父盒子display:flex2左盒子固定宽度3.右盒子flex:1三栏布局法1：浮动实现1父盒子overflow:hidden实现BFC2左盒子:float:left3右盒子:float:right法2：绝对定位父盒子相对定位左盒子绝对定位top0left0右盒子相对定
巴巴_羊·2025-06-01 19:40

前端面经 websocket

应用层协议，实现一个TCP连接上的全双工通信，实时通讯之前的实时WEB实现轮询增加轮询频率wswss明文版本和密文版本特点·#1头部小2更注重实时性
巴巴_羊·2025-06-01 13:24

前端面经-虚幻引擎5

1.什么是蓝图（Blueprints）？它的核心优势是什么？蓝图是虚幻引擎5的可视化脚本系统，通过节点图而非传统代码实现游戏逻辑。其优势包括：无需编程经验：美术师、设计师可直接参与逻辑开发。快速迭代：可视化界面降低调试成本，支持热重载。与C++无缝集成：可继承C++类并扩展功能，或直接调用C++函数。完整功能覆盖：支持事件处理、变量管理、AI行为树、动画蓝图等。2.蓝图与C++的适用场景分别是什么
了不起的明明·2025-05-29 07:36

前端面经-VUE3篇（一）--vue3基础知识- 插值表达式、ref、reactive

目录一、插值表达式1、插值表达式({{}})的本质与作用：2、与Vue响应式系统关系：二、指令1、什么是Vue指令？2、指令的分类1、内置指令①内容绑定：v-text和v-html②属性绑定：v-bind③事件绑定：v-on④条件渲染：v-if、v-else-if、v-else⑤列表渲染：v-for⑥双向绑定：v-model⑦性能优化：v-once、v-memo⑧其他指令v-pre：跳过模板编译阶
小杨升级打怪中·2025-05-17 05:20

前端面经-VUE3篇（二）--vue3基础知识（二）计算属性(computed)、监听属性（Watch）

一、计算属性(computed)计算属性（ComputedProperties）是Vue中一种特殊的响应式数据，它能基于已有的响应式数据动态计算出新的数据。计算属性有以下特性：自动缓存：只有当它依赖的响应式数据发生变化时，才会重新计算。响应式更新：依赖的数据变化后，会自动触发计算属性重新计算。简化模板：在模板中使用计算属性可以减少复杂逻辑，让模板更清晰、易读。简单来说：计算属性是基于其他响应式数据
小杨升级打怪中·2025-05-17 05:20

前端面经-VUE3篇（五）--内置组件

一、Transition是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发：由v-if所触发的切换由v-show所触发的切换由特殊元素切换的动态组件改变特殊的key属性1、基本用法基本用法切换HelloWorldimport{ref}from'vue'constshow=ref(tru
小杨升级打怪中·2025-05-17 05:20

前端面经 计网 http和https区别

HTTP超文本传输忒点：支持CS客户/服务器模式方便快捷简单允许传输任意类型的数据在报文头中的Content-Type中声明无连接，一次连接仅处理一个请求无状态不保留上一次的状态HTTPS解决HTTP明文传输在HTTP基础上增加SSL协议HTTP版本1.0浏览器与服务器只保持短暂的连接，每次请求都需要与服务器建立一个TCP连接服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去
巴巴_羊·2025-05-13 12:39

前端面经-VUE3篇（二）--vue3组件知识（二）依赖注入、异步组件、生命周期、组合式函数、插件

目录一、依赖注入1、依赖注入是什么？2、最基础的使用3、为什么使用依赖注入？4、使用Symbol作注入名二、异步组件1、什么是异步组件？2、最基础用法：defineAsyncComponent3、在模板中使用异步组件4、配置加载状态：加载提示/超时/错误处理三、生命周期1、生命周期的本质：组件从“出生”到“死亡”的过程2、生命周期钩子总览3、各生命周期钩子的详细解释1.setup()2.onBef
小杨升级打怪中·2025-05-03 22:57

前端面经 关于CSRF攻击的原理和防范

CSRF原理方法一、验证HTTPRefer字段方法二、请求地址中添加token并验证CSRF攻击的概念========================================================================CSRF：跨站点请求伪造（cross-siterequestforgery）。简单来说就是，攻击者借用受害者的身份，向有CSRF漏洞的网站发送恶意请求。举
2401_84437170·2025-04-04 05:07

麦谷科技-前端面经

base：车联网，uniapp小程序。面试时间：2025-03月（应届）投递岗位：前端（转正实习）面试流程比较短，可能是因为经历不匹配或者第一题答的不好Tvt时间：上午约一面，下午约二面，隔一天（第三天）约hr面。整体流程还是很快的。HR面去公司线下参观了，整体地理环境也很nice。最后因为个人原因没有入职，也是相当可惜一面自我介绍&BG：两端实习，介绍了一下自己的工作。面试官表示不太感兴趣（问了
dancehole·2025-03-23 15:33

前端面经分享（25/03/18）

北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React如何捕获子组件的错误React给节点加key会有什么效果最近俩家公司都用WebSocket做了什么HTTP各个版本的区别跨域的常见解决方案前端常见布局WebSocket和SSE的区别A页面滚动到一
CreatorRay·2025-03-20 20:31

前端面经真题解析10-字节/抖音电商/前端/超详细记录

文章目录1.自我介绍2.介绍下自己的项目3.看你项目里面用了axios,说下请求拦截和响应拦截怎么做？4.说下项目里面前后端交互过程及设计？5.怎么处理切换分页请求数据的，优化手段？6.说下你爬取别人网站数据的时候，别人如果设置了拦截，你的解决方案是？7.你说下http请求的refer字段？**Origin字段：****Referer字段：****Host字段****区别：**8.看你做了路由懒加
浪里个浪zxf·2025-03-20 20:28

【网易雷火秋招】前端面经分享

网易网易雷火是国内一流且最有创新力的游戏研发团队，是网易杭州的第一个游戏工作室。雷火开创性的打造了《逆水寒》、《永劫无间》、《倩女幽魂》、《全明星街球派对》等一众爆款游戏；并在二次元、FPS、主机游戏等方向上持续探索，《代号：无限大》等在研项目收到玩家广泛关注。与此同时，我们与全球合作伙伴一起共同构建开放、协同、共荣共生的产业生态，致力于让中国游戏走出去，让世界听见雷火声音。雷火还拥有国内专业从事
编程自学-领绿学长·2025-03-20 20:28

前端面经分享（25/03/19）

北京一家做协同办公软件出海的公司，技术一面，20k-40k，要求3-5年详细聊了一下上家公司的项目上家公司的项目是不做了吗，离职原因是什么，你觉得公司的这个产品怎么样在做AI类的业务时，作为前端感觉跟常规业务有什么区别详细聊了一下上上家公司的项目细节讲一下项目里用编辑器做了什么事遇到过什么难解决的问题项目里提供的UI自动化的功能是怎么做的聊了一下写博客的事情有没有了解过浏览器底层的东西最近在研究或
CreatorRay·2025-03-20 20:56

前端面经-React

目录标题一、react生命周期react生命周期分为4个阶段：1.挂载时阶段（4个钩子）：2.更新时阶段（5个钩子）：3.卸载时阶段（1个钩子）4.错误处理阶段（2个钩子）二、Vue和React的区别三、React函数式组件，如何给状态四、Reactdiff1、是什么2、原理五、react中refs是什么？六、React事件机制？1、什么是合成事件2、React事件机制和原生DOM事件流有什么区别
了不起的明明·2025-02-05 12:22

【面试经验】滴滴 秋招储备实习 前端面经

滴滴秋招储备实习前端面经时间线：5.1511点半一面，下午2点半二面一面●自我介绍+项目介绍●拷打项目●文件断点续传+切片上传●不知道盒子宽高情况下水平垂直居中●transform的属性●scale是怎么放大盒子宽高的
litterfinger·2024-09-01 11:46

【每日前端面经】2023-02-25

题目来源:牛客+牛客每日面经20240225了解Taro么Taro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局移动端适配怎么做同上偏工程化如何做字体大小的适配通过媒体
糠帅傅蓝烧牛肉面·2024-02-26 06:47

【每日前端面经】2023-02-23

题目来源:牛客企业级开发整体流程有哪些项目启动需求调研->需求文档系统设计->设计文档程序开发->开发文档BUG测试->测试文档验收维护遇到技术难题怎么办分析可能出现的原因查找搜索引擎寻问文心一言等对话模型打断点，寻找问题复现再一次归纳分析询问师傅或更高级的工程师常用的设计模式工厂模式简单工厂模式抽象工厂模式单例模式懒汉单例饿汉单例装饰器模式策略模式代理模式观察者模式发布订阅模式单例模式具体实现和
糠帅傅蓝烧牛肉面·2024-02-25 11:51

前端面经 关于http和https（基本概念、区别、优点及缺点、加密、数字签名、数字证书、工作原理）

前端面经http和httpshttp和https的基本概念http和https的区别http的三大风险和https的三大优势https解决http的三大风险关于加密——解决风险一“被窃听”方法一、对称加密方法二
Silam Lin·2024-02-05 02:58

【前端面经】即时设计

目录前言一面git常见命令跨窗口通信vue响应式原理发布订阅模式翻转二叉树Promise.all()扁平化数组面试官建议二面EventLoop原理Promise相关css描边方式requestAnimationReact18新特性JSX相关react输出两次函数式编程React批处理机制http请求头有哪些本地存储性能优化方面webgl的优化手段着色器优化相关缓冲区和深度测试异步原型和原型链倒序输
知心宝贝·2023-12-30 11:26

狂刷这套前端大厂面试宝典，4月成功收获阿里/字节/腾讯Offer

大厂必考经典前端面试题精选和答案面试题是来自牛客网大佬发布的真实大厂前端面经题目，我一直在收集题目长期一个一个的记录下来的，可能会有重复，但基本前端的面试大纲和需要掌握的知识都在其中了，面试题做学习参考
摸鱼吃榴莲的只只·2023-11-28 10:06

秋招 -- 前端面经

大概记录下自己的秋招历程，希望对大家能够有所帮助吧，下篇博客开始写正式面经，如果不想看这个博客可以直接去主页找下一篇啦~秋招历程最近一直在准备秋招，博客也没有更新，上一篇还停留在2020年3月。从3月开始找实习一直到九十月秋招，大小厂投了个遍，索性结果还不错，拿了度小满，好未来，跟谁学（SP），有赞，大华，兴业数金，电信云。自己也是一边秋招一边整理面经，刚刚结束了秋招，计划将自己整理的面经发出来大
GGxGx·2023-11-22 05:11

【前端面经】Vue-Vue Router 路由有哪些模式?各模式有什么区别?

VueRouter路由模式详解VueRouter是一个轻量级的前端路由库，它提供了三种路由模式，每种模式都适用于不同的场景。本文将详细介绍这三种模式的优缺点和适用场景，以便读者在使用VueRouter时进行选择。Hash模式在hash模式下，URL中的hash值作为路由路径。该模式可以兼容较老的浏览器，并且无需后端服务器的支持。在使用hash模式时，我们可以实现单页应用的效果，从而提高页面的性能。
深海大凤梨_·2023-11-01 10:06

好的网站及Blog记录

一、有关前端面经1、知乎专栏总结2、git上的一个总结3、前端相关的一些好的博客、网站、前端Blog这两天刷这两个上面的题：http://markyun.github.io/2015/Front-end-Developer-Questions
蓝莓_酸牛乳·2023-10-27 19:19

(字节/华为/美团)前端面经记录冷冷清清的金三银四

大家好，我是若川。持续组织了8个月源码共读活动，感兴趣的可以点此加我微信ruochuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列从毕业到现在已经在北京3年了，当年一起来北京的同学，如今都有了要离开的打算。我也在萌生了想要去成都的想法。然而从投递简历开始，就感受到了今年确实不是很景气。很多大厂不是裁员就是
若川视野·2023-10-25 14:04

关于前端设计模式

5198407.htmlhttps://zhuanlan.zhihu.com/p/256405681设计模式6大原则：https://www.cnblogs.com/toutou/p/4870926.html前端面经
努力学习前端的77·2023-10-23 11:12

前端面经真题解析2-字节/抖音/前端（四万字长文）

文章目录一面1.个人对前端的理解，需要掌握的技能2.前端路由实现几种常见的前端路由实现方式：在实现前端路由时，你通常需要做以下几个步骤：在react中使用路由react-router-domv5和v6的区别3.前端埋点、监控实现如在React中实现前端埋点可以按照以下步骤进行：4.三列布局1.使用float实现2.使用flexbox布局3.使用grid网格布局4.absolute实现5.使用tab
浪里个浪zxf·2023-10-17 18:52

前端面经 强缓存与协商缓存

前端面经强缓存与协商缓存图片多来自第三方平台文章目录前端面经强缓存与协商缓存适用场合浏览器缓存的过程缓存规则强缓存（本地缓存）协商缓存缓存分为两种：强缓存和协商缓存，根据响应的header内容来决定获取资源形式状态码发送请求到服务器强缓存从缓存取
TA_WORLD·2023-10-11 10:20

WEB前端面经（一）

1、http请求头包含哪些信息？Accept：指客户端能够处理的内容类型，在Ajax代码中，可以使用XMLHttpRequest对象中setRequestHeader函数方法来动态设置这些Header信息Accept-Charset：浏览器能够显示的字符集Accept-Encoding：浏览器能够处理的压缩编码Accept-Language：浏览器优先选择的语言Connection：浏览器与服务器
番茄&辣椒酱·2023-10-09 17:38

WEB前端面经（三）

1、跨域？浏览器禁止非同域js进行交互，只要域名、协议、端口一个不同就是非同域。CORS（Cross-OriginResourceSharing）跨域资源共享使用自定义http让浏览器与服务器进行沟通，服务器端对于CORS的支持，主要就是通过设置Access-Control-Allow-Origin来进行的。//指定允许其他域名访问'Access-Control-Allow-Origin:*'//
番茄&辣椒酱·2023-10-09 17:38

前端面经 http

面经http文章内容摘自第三方，仅供参考http和https的基本概念http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地服务器的传输协议，它可以使浏览器更加高效，使网络传输减少https：是以安全为目的的http通道，简单讲是http的安全版，即http加入ssl层，https的安全基础是ssl，因此贾
TA_WORLD·2023-10-09 17:05

前端面经 前端优化

前端面经前端优化文章目录前端面经前端优化HTTP/2Web优化最佳实践DNS与解析如何使用CDN分发缓存策略页面渲染优化避免CSS、JS阻塞CSS阻塞JS的阻塞改变JS阻塞的方式使用字体图标iconfont
TA_WORLD·2023-10-09 17:05

2021.10.9web前端面经

一、初见面1.自我介绍简单的介绍一下自己的学校，专业方向。说了下之前的实习情况，以及自己的学校专业课。2.笔试没有手撕代码，题目都是解答题。1.聊聊输入链接按下回车后浏览器都在做什么。回答方向往前端渲染，答偏了。复盘解答：1.先进行DNS域名解析，查看本地hosts文件，查看有没有当前域名对应的ip地址，若有直接发起请求，没有的话会在本地域名服务器去查找，如果本地域名服务器没查找到，会从根域名服务
lololiliko·2023-10-09 17:01

web前端面经总结

web前端面经总结（1）HTML的集中布局方式静态布局元素均采用px设置宽高。流式布局子元素主要采用%来设置宽度，用于屏幕太大（或小）不能完美显示子元素的时候使用，但是子元素的相对布局不会改变。
努力学习的俊猫·2023-10-09 17:00

前端面经(PALMAX)

简单题1.标准盒模型和IE盒模型的区别？标准盒模型：width和height不包括padding和borderIE盒模型：width和height包含padding和borderie8以上都是w3c标准盒模型ie5极其以下都是ie盒子模型，ie6、ie7、ie8在混杂模式下ie盒模型，在标准模式下是w3c标准盒模型(注意：ie6在混杂模式下一定是Ie盒模型，而ie7、ie8在混杂模式下不一定是ie
GRP_dream·2023-10-09 17:27

web前端面经

1.的作用？告诉浏览器的解析器用什么文档标准解析这个文档2.行内元素？(一个行内元素占据它对应标签的边框所包含的空间)行内元素是指一行内可连续并排出现的元素，例如：...3.块级元素？块级元素占据父容器的整个宽度，例如：H5新标签...4.行内元素和块级元素的区别？格式上：默认情况下，行内元素不会以新行开始，而块级元素会内容上：默认情况下，行内元素只能包含文本和其他行内元素，而块级元素可以包含文本
扛狼1427·2023-10-09 17:56

2020.8腾讯前端秋招面经

文章目录2020.8秋招腾讯前端面经第一次一面第二次一面1.两个字符串最大子串2.实现fun函数满足fun(2)(3)(4)=2，要求考虑扩展3.watch和computed区别，对于computed缓存性的理解
前端彭于晏Eddie·2023-09-25 10:50

web前端面经

注册登录是怎么实现的1.登陆注册要做成受控组件，组件定义state，和表单绑定2.redux-saga调用数据请求，发送action修改数据，useEffect中dispatch发送数据请求，后端比对用户名是否重复，返回state3.前端根据返回的信息成功跳转登陆页4.登陆发送数据请求，数据库对比用户名密码是否正确,根据后端返回的结果进入首页5.setCookie将用户登录名密码token存coo
梦境半小时·2023-09-22 08:05

【初 / 中级前端面经】中小型公司面试时都会问些什么?

前言本文主要记录面试过程中涉及到的问题，文中会有部分我在面试中的经历和我当时是怎么回答这个问题的，只是给大家提供思路，绝非标准答案！为避免不必要的问题，题目将所属通过A、B、C的形式记录。公司AA公司的这个岗位职称比较高，所以涉及到的一些原理层面的东西居多，而且面试官在提问的时候，会按照你回答的东西去问下一个问题。ES6的新特性promise.all的原理webpack跟vite的区别vite的优
记得抬头微笑·2023-09-21 11:55

虾皮 | 2020校园春招前端面经

双非+无实习经验+考研失败党目前虾皮offer已收到。笔试：选择题12条包括HTTP2的知识、冒泡事件和捕获的、出入栈顺序之类的，数据结构、JS、计算机网络都有覆盖到。代码题3条：版本号比较，比如2.9.13>2.8；解析'a=4&b=2'=>{a:4,b:2}把字符串转为对象string=>object，然后用reduce函数把所有对象的a属性全加起来；编写函数解析类似字符串'2[a3[b]]'
格致匠心·2023-09-11 08:09

杭州 3~5年 前端面经，高频面试题总结

大家好，我是若川。假期归来，国庆期间没有更文，不用想每天发什么文章，不用担心阅读量，其实感觉挺好。最近组织了源码共读活动《1个月，200+人，一起读了4周源码》，已经有超100+人提交了笔记，群里已经有超1500人，感兴趣的可以点此链接扫码加我微信ruochuan12金九银十，推荐这篇杭州3-5年面试的文章。本文经作者授权转载。作者：懒狗小前端链接：https://juejin.cn/post/7
若川视野·2023-09-08 19:32

最全前端面经（持续更新）

下面是我面试过程所整理的知识点，如有错误请指出。目录OSI的7层模型：HTTP特点、HTTPS特点等UDP和TCP的特点与区别HTTP1.0/1.1/2.0对称加密与非对称加密XSS与CSRF跨域：强缓存与协商缓存：JS数据类型深拷贝浅拷贝判断JS数据类型的基本方法：闭包this的指向问题JS运行机制箭头函数和展开语法...cookie、sessionStorage和localStorage如何创
阿迪不想上班·2023-08-25 20:16

阿里19年校招前端面经

一面一面的电话是8月13日打来的，约了14号下午7点，结果7点半才打来。主要内容：自我介绍看你项目用了Vue,vue的工作原理讲一下讲一下vuex，为什么要用vuex，不用vuex应该怎么做了解过vuerouter的实现吗，讲一下vuerouter的作用vue的生命周期讲一下flex布局页面上有两个元素，如何计算它们的中心点距离304状态码知道吗？和200FROMCACHE有什么区别？跨域的方法，
C脖子·2023-08-25 14:09

文远知行前端面经 （社招资深）

一面（2022年2月21日）：中间挺多意外的：自我介绍介绍一下项目。根据项目问了以下一些问题：使用canvas过程中有没有进行一些优化。用了缓存canvas来减少一部分操作步骤，然后问了下如果缓存canvas过多怎么处理？这个没答上来，感觉有必要看一下Fabric的源代码（面试官想让我答LRU，但是每次重绘都要画一次画板，个人觉得做不到）。然后问我还有没有其他项目要介绍的。我说了一下electro
CRJ997·2023-08-17 17:59

05.前端面经汇总javaScript篇

一、JS数据类型相关1.JavaScript有哪些数据类型，它们的区别？JavaScript共有八种数据类型，分别是Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中Symbol和BigInt是ES6中新增的数据类型：Symbol代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt是一
杨苏西·2023-08-15 14:22

刷前端面经笔记（五）

1.XML和JSON的区别？1）数据体积方面JSON相对于XML来讲，数据的体积小，传递的速度更快些2）数据描述方面JSON和JavaScript交互更加方便，更容易解析处理，更容易交互3）数据描述方面JSON对数据的描述性比XML差4）传输速度方面JSON的速度要远远快于XML2.前端需要注意哪些SEO？合理的title、description、keywords：搜索对着三项的权重逐个减少，ti
LHH大翰仔仔·2023-07-27 13:36

前端面经之ES6+JS

目录ES6介绍问题＋回答ES6新特性有哪些什么是闭包什么是冒泡（不是冒泡排序的冒泡）call，apply，bind是干什么的，有什么区别new做了哪些事什么是宏任务和微任务，以及以什么顺序执行localStorsge，sessionStorage，cookies的区别filter和find的区别深拷贝和浅拷贝堆区和栈区：Document.write和innerHtml的区别：Generator：类
ArmadaDK·2023-06-22 00:32
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他