腾讯CSIG前端面经全网最全总结

最新推荐文章于 2024-05-02 14:26:53 发布

路小雨Abigail

最新推荐文章于 2024-05-02 14:26:53 发布

阅读量3.2k

点赞数 5

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/weixin_43423781/article/details/121505135

版权

之前秋招面试腾讯云,一个多月的时间整理了全网的面经
希望可以帮助到面试CSIG的同学👩‍🎓👨‍🎓们

1.作者：MSCSTSTS
链接：

https://www.nowcoder.com/discuss/163137?channel=-1&source_id=profile_follow_post_nctrack

来源：牛客网
一面（40分钟）
面试题
1.结合你做过的项目自我介绍一下吧（我没听清前半句，直接简单自我介绍了一下）
2.最近的项目（继续上一问，想让说一下项目相关的）
3.项目用的前端框架、使用了哪些框架
4.前端页面路由的权限实现
5.后端怎么做鉴权的 ( 水平鉴权?这个名词没听清 )
6.每一次访问的时候在 KOA 里面是怎么实现 (后端鉴权) 的
7.有考虑使用中间件的方式来做 (后端鉴权) 吗
8.CSRF 是怎么来做的
9.CSRF 的原因是什么（这部分他想问的是 CSRF 的攻击过程和原理）
10.防御 CSRF 的 Token，是从哪个地方获得的（我前两问回答的防御方法是在 header 里面放自定义 Token ）
11.登录是否是通过 Cookies 来做的
12.如果浏览器不支持Cookie，想要做登录验证的话通过什么方式？(这边他想问的是 SESSIONID 的传递方法)
13.做这个系统的时候有考虑性能上的问题吗
14.发一个ajax请求到后台，那么会经过哪些阶段才会重新回到前端（这个问题应该是经典问题“输入 url 之后发生的事情”的变种）
15.追问，从服务器端返回回来的时候会经过哪些阶段
16.KOA 有哪些特性，Express 有用过吗
17.KOA 有什么特点（这边想要问的是对 KOA 的了解）
18.Vue，组件相应的封装有做过吗
19.Vue、ElementUI 从 input 选一个非常大的组织机构(树形)怎么做（这边想要问的是层次选择器、异步搜索补全）
20.Vue 父子组件通信的方法
21.Vue 里面 computed、watch、data 的各自适用范围
22.追问， watch 和 computed 的区别（因为我上一问没有解释清楚 watch 和 computed ，这边其实想问的应该是 watch可以用来异步操作，但是我只是解释了一下 computed 本身可以作为数据来使用而 watch 一般用来做回调）
23.如果要用 watch 来做一个双向绑定的话怎么做
24.前端跨域有相关了解吗
25.追问，Nginx配置来进行处理跨域（这边是因为我上一问没有讲到后端***的跨域方式）
26.webpack 做了哪些工作（这边应该是问的webpack的原理和做的事情，我有点紧张，没答到点子上）
27.追问，webpack 做代码混淆是怎么做的（这边应该是继续考察 webpack 流程）
28.追问，webpack 压缩代码时遵循的原则（这边应该是要考察 CommonJS、CMD、AMD 等模块打包规范，我还沉浸在上一问的压缩打包里面，没答到点子上）
29.ES6 方面有相应的涉及吗（考察对新规范的了解，我本身了解和使用都比较多，但是比较紧张，只说了一下 let 和 class、promise、async 之类的，没提对象和数组的解构和字面量表达式）。
30.你有什么问题要问我的吗。（标准流程）

二面（40分钟）
面试题
1.你先做一个自我介绍吧
2.讲一个你最近负责的项目，有用到过哪些知识点
3.CSRF Token是怎么实现的（一面问过，我这里干脆直接展开把前后端全讲了）
4.追问，客户端从哪里拿到拿到 Token 的（我回答的是服务器端直接公开一个接口来给CSRF Token）
5.追问，这个接口是怎么防止 CSRF 的呢（感觉是一个陷阱问题，我回答的是由于浏览器有同源策略，所以 js 拿不到Token 数据，退一万步，也可以在服务器上对这个接口进行referer检验）
6.追问，为什么其他接口需要 CSRF_token 呢（这边其实也像是一个陷阱问题，我主要回答了 CSRF 的原理，是利用了访问 url 可以直接执行操作）
7.Vue 的实现源码有看过吗（我答的是没有特别研究过，只看了 definePrototype 的实现响应式数据的部分）
8.Vue 的虚拟 Dom（考察对 VNode 的了解）
9.VNode 是个什么样的形式（我答的是大概就是一个树形递归的数据结构，保存了特定 tagName 和 attributes ）
10.打开浏览器，输入 URL ，按回车，到页面展现完成，发生了哪些事情（我这边直说我看过相关的面试题，然后根据自己的知识大概回答了一下）
11.追问，你刚才说的协商缓存的具体过程（说真的，上一个问题之所以历久弥新，不是因为这问题简单，而是你不管怎么回答，总会抓住你的回答的东西来继续深问，比如我上一问炫技地多说了一句浏览器的协商缓存环节）
12.追问，浏览器拿到页面之后，后面的渲染呢（这是上上问的打开页面的后半部分的问题）
13.TCP 的三次握手是哪三次（三次握手中的 SYN 和 ACK 的状态）
14.追问，为什么需要第三次握手，没有第三次握手会有什么问题吗（这边考察的是为什么握手次数是三次，网上的原理说是，如果没有第三次握手，服务器端不能确保对方的信息能够正常接收。我回答的略有些偏题，我回答的是，如果需要确保消息的绝对有效传输，会递归的无限回复上一条消息的状态，三次是一个性能和效率折衷的选择）
15.实现 ajax 跨域有那些方案（这次我直接把后端***说了）
16.如果有用户反馈说网页打不开，你要怎么定位（开放性问题，考察你对解决问题的时候的想法是否全面）
17.页面上面展示一个实时刷新的新闻列表，怎么实现（主要考察服务器向客户端发送消息，轮询、长连接、websocket之类的）
18.追问，然后点击新闻标题，弹出一个水平垂直居中的浮层（我这边直接说了可以用绝对定位或者 flex布局）
19.追问，点击事件怎么绑定呢（考察事件委托）
20.追问，怎么取到那个对应的元素（click event 的 target 属性）
21.追问，事件委托利用了事件的什么特性（事件的捕获和冒泡过程）
22.你最近有在哪里实习过吗（我没有实习经验，如果有知名公司实习经验的话应该会比较加分）
23.追问，那你前端是怎么学的，之前的那个项目是怎样去做的
24.你是哪里人
25.优化网页性能的话，你知道哪些方案？（开放性问题，我从服务器端静态文件到客户端首屏渲染都说了一些）
26.追问，为什么需要合并请求（上一问我提到了合并请求来加快加载速度，这里我回答的是浏览器对单个域名的并发数是有限的，另外合并请求也可以加速文件下载，没有频繁的建立连接过程）
27.追问，HTTP2 呢（我上一问提到了 HTTP 1.1 不支持链路复用）
28.HTTP2 支持链路复用那还需要合并吗（我这边头铁，直接回答的需要合并，事实上应该也是需要的，这个问题可以转化成下载一个 100K 的文件快还是下载 10 个 10K 的文件快，在 TCP 有固定帧长度的情况下，其实合并的话，TCP的数据帧应该会少一点，但是 HTTP2 毕竟支持链路复用，应该也就是 1 秒和 1.2 秒的差距。不合并也有好处，比如更新某一个模块不需要重建整个打包文件的缓存，只需要更新对应模块的缓存就好了）
29.你平常做项目都是一个人做吗
30.智力题，我们现在玩一个游戏，在一个大的圆桌上，吃饭的那种，在上面摆象棋，每个人每轮摆一个，直到某一个人不能在空白的地方继续放下，就算输，那么你有必胜的方法吗（网上有方法，第一个人摆在正中心，同心圆，然后不管第二个人怎么摆，第一个人都和他玩中心对称。但是我当时比较紧张，直接头铁的说第一个人必赢，理由是如果有一个必胜的方案的话，那么第一个人就可以完成这个方案，实际上这样解释比较勉强）
31.你是19年毕业吗，本科还是？
32.之前怎么没有出去实习？（这些问题一定要好好说，HR 面也会问到）
33.你现在的想法是怎么样？（我这边是如实回答了。建议各位别想着说考研了，有哪家的HR会喜欢一个随时弃坑去考研的）
34.你有没有什么问题想问的。（标准流程）

2. 作者：匿名牛油

链接：https://www.nowcoder.com/discuss/189241?channel=-1&source_id=profile_follow_post_nctrack

1.讲一下 xss?
2.跨域讲一下？
3.https 讲一下？
4.GET POST 区别
5.保存一个图片为什么用 POST 不用 GET？GET 也可以发送 base64 啊
6.从语义那块讲了
React 生命周期讲一下？为什么不在 componentWillReceiveProps 请求
7.讲了下 fiber 以及副作用那块，其实还有同构那块也有原因
8.CSS 垂直居中实现？
9.git 开发流程规范？从自我介绍那引入的，一个 bug 暂时不想修复，应该推到哪个分支？大概是这么说的
10.团队 code review 怎么做的？
11.原型链？
12.作用域链？
13.new 做了啥？
14.闭包？
感觉回答的不太好，如何从 JS 函数执行栈这里讲更好，如何一个函数执行完，其栈帧未清除，那么产生了闭包
15.setTimeout 准确吗？
16.event loop？
17.ES6 忘了了问没问了，如果问了肯定有 Promise
有啥想问的?
就这次面试来看，我有哪些比较欠缺的或者要提升的？

隔天下午约了笔试
4 月 3 日腾讯 PCG 电话二面， 30 min
面试官是个小哥哥，声音挺好听的，全程谈笑风生，愉快的结束二面
1.Ajax 发起的整个流程说一下？从代码级别讲起
2.了解 fetch 吗？讲讲它和 Ajax 的区别
3.作用域链讲一下？
4.变量提升讲一下？和函数提升相比哪个优先级高
5.跨域讲一下？
6.JSONP 如何实现？cors 讲一下，cors 要允许*.qq.com访问怎么设置？
7.DNS 如何查找？
说的有点模糊，大体上两种查找方式都说出来了
8.CDN 了解吗？
9.问了 localStorage 容量，api，是否有同源限制，满了怎么办？
10.csrf 是什么，如何防范
11.智力题：小鸟和火车问题，烤肉问题，3 点 45 分时针和分针夹角

你有什么想问的？
就这次面试来看，我有哪些比较欠缺的或者要提升的
面试都回答出来了，还不错。就是一面笔试一般（其实我想解释下，但是忘了…时间紧，就 50 分钟，5 道手撕代码。很多边界问题没考虑到，做完之后我继续完成发给面试官了，但是好像没有接收…）
团队技术栈？
是否是二面？确认下…
如果有三面，三天内会联系你，然后三天后没联系我我以为凉了，也没再问，结果一周后三面面试官告诉我他准备面我时简历被别的部门锁了？？？

3.作者：清柏年

链接：https://www.nowcoder.com/discuss/193040?channel=-1&source_id=profile_follow_post_nctrack

一面：

做个自我介绍：自报家门，为什么学前端，为什么喜欢开源文化。介绍自己在实验室做什么。面试官对实验室的项目很感兴趣，就问我的在线答题系统是什么？我是什么角色我说我负责前端，另一个同学负责后端。
1.简单介绍了一下项目
问我怎么存储答题，怎么设置。我回答：mysql，我也写了一个管理系统来操作题目存取，与修改，阅卷等等
用户的信息怎么保存，存在哪里
我说存储在session中，session存在redis
2.简单介绍一下redis 为什么用它
3.用户的登录态保持
4.为什么cookie中存的userid是随机的
5.面试官聊着聊着点开了我项目，发现和我说的不一样（学弟学妹重构了，幸亏我看过，解释了新的项目如何用验证码）
6.聊聊前端吧，vue的生命周期，vue有封装过什么组件嘛。
7.项目遇到跨域，怎么解决
8.VueCli***跨域的本质是什么
9.ES6的cost let，
10.Const声明引用属性能修改吗
11.Promise是什么，如果我有5个情求，想等到他们都情求完毕怎么办？（Promise.all）
12.刚刚提到了cli，cli是怎么做编译打包
13.Webpack用到哪些？ loader plugin的区别用过什么plugin treeshaking是什么
14.Node写过什么项目
15.原生node写博客系统如何操作mysql
16.Vue的双向绑定是如何实现的
17.flex布局
18.BFC特性
19网页如何优化性能？
20.Xss知道吗？（不知道）
21Http三次握手过程
22.Tcp与udp的区别
23.Http与https的区别
知道http2嘛？不知道（此时已经一个小时了）小姐姐就放过我了，然后让我问问题。

我问了第二天的面试和今天面的区别，说今天是提前批，明天是校招不一样的
今天面的什么部门？csig深圳
面试有什么欠缺的，我需要再去补充？有后续会联系你。

二面

第二天，视频面，等的依然心焦，还去考了期中试。回来就半个小时准备时间，我就硬头皮上吧。面试官上线后，说打电话吧，这个用来做题就行，我看我摄像头开着，对面也没有画面，就把视频挂掉了。然后电话来了，简单介绍一下自己，

1.自己有开源什么项目么？
2.实验室项目有哪些技术难点如何攻破？
3.跨域解决除了***，还有什么方式
4.除了jsonp？还有呢？
5.Cookie与session的区别
6.Es6中class关键字如何定义私有属性
7.如何实现像java中private一样的私有方法。
8.这个我一时间答不出来，面试官提醒我用es6的symbol，我还是没能想起来
9.面向对象的相关
10.抽象类是什么
11.接口了解过嘛，是什么，与抽象类的区别
虽然都回答了，但是说最近两天了解过typescript，其实没学过java。
12.Js的模块机制：common.js与es6
13.设计模式了解过吗？没有
14.看我以前都没有面试记录，不想实习嘛？
我说了自己的原因
15.写一个轮播图，用原生js。
16.我用了30分钟写出来了，因为以前没写过，理思路用了一会儿。
给面试官看，解释思路，到后面他说我了解了就完了。

让我问问题，我问是哪个部门，因为我的面试安排上写的其他部门？面试官说是腾讯云，负责什么什么，我们是腾讯云的前端部门。昨天同事已经面过你了。我又问，那我今天算是一面二面，他说是二面。我又问，那我今天面试还有什么欠缺的嘛？他说我已经没有啥要问的了，有结果面试官会联系你的。此时过去了1个小时6分钟，面试结束。
希望自己能顺利走下去。

3.作者：你的奶酪

链接：https://www.nowcoder.com/discuss/235055?channel=-1&source_id=profile_follow_post_nctrack

来源：牛客网

Java垃圾回收机制？JavaScript的呢？
“事务”是什么？讲讲你的理解（不是数据库的“事务”）
HTTPS如何握手的？握手后传递信息还需要公私钥吗？
冒泡排序复杂度？是否稳定？
协程是什么？为什么说协程是模拟的并发？
好，那我们来聊聊前端吧: H5的新特性你知道多少
History API用来干什么？
闭包讲讲是干什么的？
说说Web的“任意URL转跳”缺陷？
cookie是什么？如何让js拿不到cookie？
Web GL做过吗？（没有
Web图像处理做过吗？（没有
Web 人脸识别做过吗？（调过百度的api

4.作者：ptp

链接：https://www.nowcoder.com/discuss/243017?channel=-1&source_id=profile_follow_post_nctrack

项目经验，在招联暑期实习的两个月都做了什么？
常见的http状态码？
http状态码301和302的区别？
304状态码是什么？协商缓存和强缓存的逻辑？协商缓存如何进行优化？
CSS盒模型？
flex弹性布局如何实现水平和垂直居中？flex布局的存在意义是什么？
隐藏元素的办法有什么？
TS和JS有什么区别？
ES6有了解？ES6就是TS的一个子集？ES6的常用的特性？
let的作用是什么？
用let和const声明一个对象有什么区别？
ES6的map结构和JS原生模拟写的map有什么区别，或者说ES6的map有什么特殊的地方？
前端优化方面，了解过哪些优化方法？
了解过PWA、serverWorker吗？
浏览器同源策略是什么？常见的解决跨域的方法？如何自己实现一个jsonp？
响应头中的access-control-allow-origin字段？
React的生命周期函数？（面试官问我vue和React哪个熟一些）
Taro框架如何做状态管理？
在JS代码中，如何判断当前网页的域名是否是qq.com的子域名？

5.作者：奶瓶Ww

链接：https://www.nowcoder.com/discuss/249385?channel=-1&source_id=profile_follow_post_nctrack

1.进程和线程的区别（老实说，第一个问题问这个我是很懵逼的。。。）
2. http 和https 的连接过程。
3. get 和post 的区别。
4. 对JavaScript 原型机制的理解。
5. css 有什么居中的方法
6. 回流重绘
7. 编程题：实现一个任务管理器，这里面执行的函数都是异步函数，然后管理器内部最多只能同时执行两个函数。
复制代码

	function taskManager() {
    let fnArray = [];
    let paramsArray = [];
    let count = 0;
    function run(fn) {
        let param = Array.from(arguments).slice(1);
        fnArray.push(fn);
        paramsArray.push(param);
        execute()
    }
     
    function execute() {
        if(count < 2 && fnArray.length > 0) {
            let fn = fnArray.shift();
            let param = paramsArray.shift();
            count++;
            fn.apply(window, param)
            .then(function() {
                count--;
                execute();
            })
        }
    }
     
    let o = {
        run: run
    }
     
    return o;
}

面试官：“平时大家都会说vdom 会更快，你对这个更快是怎么理解？”我回答的是会提高开发效率，vdom 做了很多适配不同平台的工作。第二点，Vue 有diff 和patch 算法，在更新组件上会更有效率。
diff 和patch 的过程。
平时怎么debug。
以上答案是自己的一些看法，欢迎有更好的答案的在评论区分享，一起交流学习，共勉~

6.作者：Akara

链接：https://www.nowcoder.com/discuss/382180?channel=-1&source_id=profile_follow_post_nctrack

具体的答案我记录在我的博客中了，贴在这里的话看起来比较繁琐。需要的可以看一下，别忘了star噢（逃
https://github.com/messiahhh/blog

一面（电话面）

1.介绍一下自己，什么时候开始学习前端的，学习前端的方式，平时都看过哪些书？
2. 问高程上我觉得印象深刻的地方？我随便说了两个，原型链和this，面试官随便问了点相关知识。
3.如何实现私有的方法/属性，
4.ES5实现继承的方法，构造继承，原型链继承，组合继承，寄生组合继承。
5.this的原理，call，apply，bind的区别。
6.垂直居中的几种方法。
7.为什么下面的margin可以居中？
.outer { display: flex; } .inner { margin: auto;}
8.margin-top为负值，除了绝对定位还有哪些地方碰到过？说了个双飞燕/圣杯布局，不太清楚其他的应用场景。
9.问我平时写不写HTML标签/CSS，这问题有点懵。然后面试官解释说，有的地方写项目代码分工明确，有的人只写CSS，有的人只写JS。
10.问前端语义化标签，什么时候你会用到这些标签，语义化标签的好处/作用？
11. 怎么用正则判断当前域名是否为qq.com，或者xxx.qq.com。
12.响应状态码，200(from disk cache)，200（from memory cache），304的区别。 Etag是什么？
13.try…catch…中如果异步代码出错怎么办？
14.移动端300ms的问题，以及fastclick的原理
15.XSS的原理，如何防御XSS？为什么换成实体字符就好了？
16.找出数组中n项，n项的和为m。（给了个网站手写代码）

一面问的都比较基础，问题还是比较简单的，面试官也很好。

二面（视频面）
分享屏幕，手撕代码

自我介绍，怎么学习前端的，问了挺多的。
创建一个 Person 类，其包含公有属性 name 和私有属性 age 以及公有方法 setAge ；创建一个 Teacher 类，使其继承 Person ，并包含私有属性 studentCount 和私有方法 setStudentCount 。
实现一个类似百度输入框的功能，根据用户的输入，找出一个数组中匹配到的数显示出来。第一个想到的考点就是函数防抖。
请写一个函数，计算一篇英文文章中出现次数最多的单词及出现次数。
问我有什么项目，然后被吐槽我的项目经历不行。我说我想进TX来提高项目经历，被批评了。（反省）
有什么想问的吗

代码题不算难，过了，谢谢面试官。

三面（视频面）
腾讯会议，视频面

自我介绍，问项目（我这里答的很差…答的时候心态失衡了，也影响到后面的表现）
Websocket的原理，socket.io的API（因为简历上写了socket.io，然后这个库我太久没用了，作死了= =），还问了心跳包
海量日志中找ip最多出现次数，不会，说了下思路。
100人教室70人喜欢足球，80人喜欢篮球，问同时喜欢足球和篮球的人数。
HTTP协议，1.1和2.0的区别，了解哪些请求方法，请求/响应头部
一些其他的问题，算是唠嗑吧

面的时候表现很不好，面完后以为挂了，结果一个星期后发现进HR面了。赞美腾讯，赞美面试官。

7.作者：Xpnice

链接：https://www.nowcoder.com/discuss/412453?channel=-1&source_id=profile_follow_post_nctrack

腾讯前端二面

自我介绍介绍一下网盘项目
你负责了什么工作
前后端是怎么交互的
用过什么请求方法
GET和POST的区别
GET凭什么没有POST安全？
POST能携带的数据大小限制？
浏览器会做限制吗
服务端怎么修改 POST会发两个TCP包这个是确信的吗你怎么验证
怎么抓包
一个TCP包多大
OPTIONS预请求什么流程
什么是跨域简单请求
网盘大文件上传你们是怎么分块的
BLOB怎么用的
怎么处理的断点续传和多用户上传
你们怎么记录一个文件传到哪里了
高并发你数据库怎么维护
JS是单线程的吗
为什么是单线程的
CSS盒子
原生html写ul和li 有一个16G的日志文件获取登录次数最多的IP
容斥原理
平常怎么学习入职时间
投了哪些其他公司

8.作者：daemonゞ

链接：https://www.nowcoder.com/discuss/424076?channel=-1&source_id=profile_follow_post_nctrack

给未来师弟师妹的真诚建议： 一定要投腾讯暑期实习的提前批！！

CSIG一面凉经（30min）
1.自我介绍
2.聊聊项目
3.说说原型链
4.js如何继承
5.知道哪些设计模式？说说工厂模式？
6.跨域方式
7.XSS接触过吗？
8.又聊了聊项目…
9.说说你的优势点
10.你的自学能力咋样
11.flex如何实现水平垂直居中
12.css实现动画怎么做呢

CSIG一面过经（40min）
1.为什么选择前端
2.js的数据类型有哪些？
3.简单说一下es6的symbol属性
4.如何判断Array和Object
5.深拷贝和浅拷贝的区别。有一种很简单的方法实现深拷贝。答：Json.parse(json.stringfy())
6.说说js闭包
7.说说你es6经常用的特性
8. var a = 1;let a =1;会怎样？会报错，let不能重复声明
9.const obj = {};可以修改对象吗
10.说说Promise，3种状态，2个方法
11.js如何查找对象中的属性
12.原型对象的constructor指向谁
13.说说重排和重绘
14.说说盒模型和怪异盒模型
15.说说事件委托
16.vue的数据双向绑定
17.vue的生命周期
18.vue父组件先mounted还是子组件mounted
19.说说vuex。
20.dispatch和commit的区别
21.兄弟组件的通信的方式？
22.Vue中的nextTick了解吗？
23.http和https的区别

9.作者：版本之子

链接：https://www.nowcoder.com/discuss/464476?channel=-1&source_id=profile_follow_post_nctrack

一面 90min
○手撕代码: 数组去重及优化，检查运行结果，说思路，再实现下对象数组去重。
○手撕代码: 大数相加及优化，检查运行结果，说思路，还有其他实现方式吗？
○输入一个url到页面渲染发生了什么？
○html代码如何形成DOM树？
○js会阻塞页面的渲染吗？为什么？
○css会阻塞js的加载吗？为什么？
○说一下原型和原型链。
○说一下闭包？应用场景
○说一下事件机制。
○如果对一个容器同时绑定捕获和冒泡事件，先触发哪个？为什么？
○说一下EventLoop。
○说一下Promise,简单实现一下Promise
○async await又是怎么实现的？await怎么做到的阻塞？
○H5语义化标签用过吗？为什么使用语义化标签？
○居中有多少种实现方式，越多越好。
○CSS的优先级,如果是你，你怎么去实现CSS的优先级，说一下思路。
○跨域解决方案有哪些，详细讲讲jsonp，同源策略又是什么？
○写过博客吗？怎么部署？
○cookie和session的区别
○cookie的属性有哪些，如果cookie不设置有效期，cookie什么时候删除
○如何加快页面首屏渲染？
○详细说一下浏览器缓存
○304？协商缓存时浏览器会发请求给服务器吗？
○如何实现DNS预解析？DNS预解析在什么时候执行？
○详细说一下CDN？它是怎么找到离它地理位置最近的服务器的而不是其他的服务器？
○http2.0了解多少？http3.0呢？
○说一下vue的实现原理
○vue的生命周期
○vue指令了解多少？v-if和v-show的区别？两者的应用场景
○vue3.0和2.0有什么区别，说下vue3.0的新特性
○vue和react的有什么相同点和不同点？
○项目用的是vue-cli3.0吧？vue.config.js用过吗？拿来做什么？还配置过什么？
○说一下webpack。自己写过loader吗？
○node.js用过吗？express拿来做什么？koa用过吗？
○最后闲聊，问专业，现在在哪？实习多久，毕业事情等等。。。

二面 24min
○刚刚的面试怎么样，说一下感受，自己有哪些不足的地方说一下
○可以实习多久？学校让你们出来实习吗？多久能来实习？
○从刚刚面试我基本上有所了解了，问一下你有没有哪些擅长的领域？比如说计算机网络？计算机组成原理？操作系统？计算机视觉？神经网络？
○vue源码有没有看过？vue-router原理？
○webpack打包流程知道吗？treeshaking是什么？它是怎么实现的？源码看过吗？自己手写过loader吗？
○后端会写吗？koa？mysql？要是来这实习的话，后端一般是要自己写的
○介意加班吗？这边一般要晚上9－10点才能回去
○你有什么想问我的吗？
○后面基本上是闲聊，聊聊公司技术，react熟吗？算法怎么样？,叫我回去好好学习下react，以及之后应该要注意的地方，最后说了下后面面试应该没啥太大问题，好好准备后面的面试

三面 28min
○问项目，问了挺久的，一些功能实现，和细节,难点？如何解决的？
○页面白屏如何逐一排除问题？
○如何知道用户的网络有问题？
○说一下网络请求底层是怎么实现的？
○页面如何进行调试？
○vue源码看过吗？虚拟dom实现原理？diff算法如何实现的？
○前端学习方法
○前端性能优化，图片具体，什么格式应用什么场景，详细问了base64
○最近在学习什么？有看过什么书吗？
○react生命周期
○一个班70%的人喜欢足球 80%喜欢篮球，90%喜欢排球，同时喜欢足球和篮球的有多少人
○手上offer，现在还在面其他公司吗？
○实习多久，什么时候能来实习？

10.作者：维在小腐

链接：https://www.nowcoder.com/discuss/489051?channel=-1&source_id=profile_follow_post_nctrack

二面
1.为什么之前在腾讯的面试没有过
2.块级作用域与函数作用域有什么区别
3.es6中Module的意义是什么
4.Module中定义的变量是在什么作用域
5.为什么不用函数做模块开发
6.webpack 中Tree Shaking的实现原理是什么
7.react hook的意义是什么
8.fiber机制
9.任务调度在什么时候进行
10.百万级的数据，最小时间复杂度怎么找出所有素数

作者：前端弟弟
链接：https://www.nowcoder.com/discuss/607464?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

怎么学习前端的呢
老问题了…
关于简历上两个项目一些问题
小程序你了解多少？小程序原理、架构知道吗？
小程序文档里也有简单地介绍它的架构原理，大家可以去了解一下
关于一些个人情况
call 和 apply 的区别是什么
DOM 标准的事件模型是怎样的
事件代理有了解过吗（事件委托）
JSONP 知道是什么吗
HTTP 的状态码 304 知道是什么吗
说了浏览器缓存的整个过程，以及相关的 HTTP 头（不过很多头不记得了）
CSS 中如何实现一个元素垂直居中
开发的移动端网页放到公网，用户反馈说手机访问时白屏，该如何处理
讲了很多方面的问题排查，最后讲到了捕获并上报错误
如何知道上报的错误对应着哪个反馈的用户
平常有没有写博客的习惯，有没有博客
写一个函数判断是否属于腾讯系的 URL
写一个函数，返回传入的两个字符串数字的相加和（也就是两个大数相加）
前前后后花了不少时间…实现了后还要优化
反问环节
问了两个问题。非常感谢面试官

面了总共花了 2h 吧算法和优化花了不少时间，以及前几个问题每个问题也回答的挺久的
总的来说腾讯面试体验挺好的，面试官很有耐心，有时还会一些提示，感谢面试官！
之后面试官加了微信，预约了二面

视频二面
二面就开始紧张了…再加上是女面试官，不知道为啥就怕的一批

自我介绍
做了简短的自我介绍，很短
聊项目
问了很多项目相关的问题，比如项目介绍，项目中的技术选择，项目的困难，项目的细节
聊简历上另一个项目
什么样的方式来学习前端
老问题了…
有自己的 Github 或者博客吗
有篇非常大的英文文章，如何统计出现频率最大的单词以及对应的频率
毕业之后打算去哪里工作

然后结束了，全过程也就 30min，没有反问环节~面试官声音挺好听的，就是挺怕
当时面完其实心里慌慌的，比如关于项目的问答感觉回答的并不很好…不过一会儿后面试官说我过了，预约了三面…挺开心的，然后又开始了抓紧复习

视频三面
说实话，三面更紧张。听面试官说面试的是技术总监…
做足了充分的准备后开始了三面…

面试官一上来就聊天，聊聊我的学校情况，学校生活，做了哪些事
桌面共享展示项目
没有料到会要求展示项目。启动项目后给面试官展示了界面和代码，并且做了说明。面试官问了一些问题然后回答
从什么时候开始学前端的
讲了一些自己经历，以及一些老问题回答…
怎么投简历过来的
有投其他公司吗
为什么选择腾讯

然后结束了，面试大概 30min，没有反问环节~面试官很亲和！总体面试很舒服，面着就不那么紧张了。以为会问很多很多技术问题
作者：Guooooo
链接：https://www.nowcoder.com/discuss/610592?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
时间流程
3.1投的腾讯CSIG前端实习，之前填过了简历所以还没办法内推，还好简历筛选过了，之后一共面了三轮，3.5技术一面，3.9技术二面，都是当天就出结果，3.10HR面，现在等最后结果…
3.16更新：已收到offer邮件
一面
自我介绍
先问了一些关于大学经历的
然后问项目，项目流程，负责什么，难点是什么
浏览器渲染原理
输入url到网页呈现
http和tcp关系
tcp和udp区别
http多个请求是否能使用同一个TCP链接
http、https区别
vue双向绑定
vue虚拟dom解决什么问题
diff算法具体实现
promise
async和await
promise.all
原型链
vue的data为什么是函数
闭包
函数调用栈
防抖节流实现
组件化的一些思考
问了一些获奖的情况
有啥想问的
二面
自我介绍
几个项目介绍一下
了解哪些新的前端技术？
js的特点？
小程序的用户授权？
小程序和H5的区别？
小程序的底层实现以及为什么要这么做？
echart的实现？
canvas和svg的区别？应用场景？
了解node哪些框架？
node后端怎么接受请求，接收到之后怎么处理？
最近在看什么？
前端学习的计划？
之后的计划？
什么时候能去？能实习多久？
反问环节
作者：加油呀xx
链接：https://www.nowcoder.com/discuss/620939?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
1.自我介绍
2.问项目（项目很拉跨，自己说了点关于大量图片性能优化方面的东西）
3.问如果翻了100页浏览器缓存满了，该怎么解决？（虚拟列表）（我中间说了好多关于性能优化的，最后自己说了个即时通讯？感觉很拉跨）
4.移动端适配相关
5.css能够实现继承相关属性
6. 内层div随外层div自适应
7.flex
8.ES6相较ES5的变化
9.Map是干啥的
10.写Map(包括set,get方法，不能使用对象)（我用for循环写了一个，面试官不满意，说优化，然后自己根据map原理说了一下思路，面试官说大方向对）
11.怎么解决hash冲突（没答上来）

我感觉面的很拉跨，但是面试官给我过了，希望明天二面顺利

作者：前端小卒
链接：https://www.nowcoder.com/discuss/622591?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

一面 2h

项目问了很多，比如项目优化以及缓存，项目中的技术选型以及对比，项目中的亮点和难点
跨域以及解决方案
CORS
CSRF
XSS
中间人攻击
攻击方式的区别以及如何防范
HTTPS
CA 证书如何生成以及如何起效的
websocket 如何建立连接和心跳机制
图片懒加载方式以及优化
状态码
强缓存与协商缓存
两数相加
原生实现一个正方形拖动

二面 2h

因为面试官之前了解过我的项目，项目具体流程没怎么问，更多的是一些实际应用场景
在项目中收获了什么
虚拟DOM的看法（这里可以看尤大在知乎上的回答）
页面优化以及使用何种方式查看页面性能指标，如何确定首屏渲染时间
开发者工具的了解情况
图片的大小以及页面抖动，如何优化
因为项目中有用到人脸识别，使用了用户的隐私，如何权衡效率和隐私的问题
有什么方法可以既照顾用户隐式也可以兼顾效率？（这是个好问题，可以结合最近一些APP的授权回答）
Promise.all
判断一个合法URL是否为腾讯系域名
（这里卡了很久，因为没有考虑所有情况被面试官一直追问，心态乱了，不过最后面试官一步一步引导我，还是给过，感谢）

三面 30min

一个女面试官，很温柔，缓解了紧张情绪
还是讲项目，主要是笔者在校担任工作室的前端开发，项目经历较多，所以一般面试项目都问的多
项目牵扯到一些计网的问题，预更新与CDN的实现原理
图片的选用，jpg 和 png 和 webp 的区别和应用，怎么用比较好
一个很大的日志文件中，寻找登录次数最多的那个人
一道智力题
一个班有 70% 的人喜欢篮球
80% 的人喜欢足球
90% 的人喜欢羽毛球
问既喜欢篮球又喜欢羽毛球的人多少
整个过程还是很轻松的

HR面

问了在校经历
项目难点与亮点
遇到困难时如何处理
团队协作怎么样
什么时候来实习
都是一些老生常谈的内容了，就不赘述了

本次面试经历最大的感受：
如果你有做项目，一定要把项目准备好，包括但不限于最开始的技术选型，难点的解决方案，实现方案的选择，其他方案的优劣和应用场景等。
项目问题可能占面试时间一半左右
作者：牛客157091793号
链接：https://www.nowcoder.com/discuss/623816?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
1、vue的生命周期
2、vue中computed和watch
3、vue的双向绑定（vue2的object.defineProperty()、vue3.0的proxy）
4、vue的diff算法
5、CSS中的盒模型
6、改变盒模型的方法（这也是我个人比较疑惑的，没有理解到面试管究竟想考察什么）
7、CSS画三角形
8、localstorage和seesionstorage
9、如何防止用户修改本地已有的localstorage
10、XSS、CSRF
11、CSRF发生的两个必要条件？（这个问题我也没有搞懂）
12、js闭包，原型链
13、查询字符串当中出现最多的字符
14、数组拍平（reduce、自定义函数、我还会回答了flat()、但是面试官又问我es6的做法）、数组去重（set、indexOf()）、字符串反转
总的来说感觉不太行，CSS方面出现了较大的问题，因为实在没有理解面试官究竟想要问什么，项目也问的比较多，许愿二面！！！！

作者：LYNNzZ361
链接：https://www.nowcoder.com/discuss/625042?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
问题不分先后顺序。

聊项目
Vue生命周期？
vue 和 react的区别？
虚拟DOM？
前端网页渲染流程?
渲染需要script会怎么样?
计算机网络TCP和UDP的区别？
TCP连接和释放过程？
栈和队列的区别？
数组和链表查询和删除的时间复杂度，比快慢。
常用的排序算法举例，时间复杂度分析？
经典爬楼梯算法说有哪些思路？
http https http2.0演变过程，一些特性
一个场景问题，前端像后端发送请求后，要实时查看进度怎么实现? 面试官引导：比如手机扫码登陆后，pc端怎么知道? 可以用轮询和websocket来解决
js计算精度丢失问题，如何解决？
事件捕获与事件冒泡，流程
17.怎么阻止事件冒泡
js基本数据类型
前端安全方面，攻击手段，防御手段等 xss csrf

二面被爽了，说是人招满了，我能说什么呢。。。
作者：WhiteBeerHouse
链接：https://www.nowcoder.com/discuss/627179?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
自我介绍
简单cue了一下项目（用的什么Angular版本，用了TypeScript？还问了项目是多人还是？）
垂直居中布局
重排和重绘
手撕代码（用js写）：统计文章出现最多的英文单词及其数量
有无遇到过跨域
了解XSS吗？怎么防范？
ts有什么比较特别的关键字吗？
es6增加的有熟的吗？
箭头函数和普通函数的区别
知道async/await吗？看过 async/await的实现源码吗
怎么学习es6的？看了什么书？了解过阮一峰的那本吗？
继承
事件队列、宏/微任务
项目的代码管理用的git吗？有什么命令熟悉的？
有什么前端的学习计划？
反问环节

作者：sanbinlbw
链接：https://www.nowcoder.com/discuss/630586?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
在boss直聘上联系的，当晚就约时间面试了，效率真是太高了，小哥哥人也特别的好。

一面（第一次面试很紧张）：
1.自我介绍
2.说说项目难点、亮点
3.闭包
4.原型链
5.foreach手写
6.为什么会有跨域问题？
7.解决跨域的方式？（jsonp，cors，nginx反代，然后又分别说了各自的原理）
8.黑客在客户端修改代码是否会对跨域造成影响？
9.nginx反向代理实现原理和具体配置
10.css3的animation动画
11.水平居中与垂直居中
12.详细说下flex布局（我刚刚说了我最擅长的是grid布局。。）
13.除了用这些布局还能用什么方法来实现水平垂直居中？
14.node.js的了解
15.说说对vue的理解
16.渐进式框架的渐进式是什么意思
17.mvvm、mvc模式对比
18.vuex
19.组件之间传值方式与比较
20.vue子组件的创建（涉及原理和源码）
21.xss攻击是什么意思？有几种攻击方式？该怎么去解决？
22.请分别对应几种攻击方式模拟一个xss攻击场景并做出相应的防御机制
23.csrf攻击是什么意思？怎么实现的？该怎么防范？
24.token存储在哪？是怎么去实现的？
25.怎么判断用户处于登录状态？
26.cookie被放在哪？
27.cookie是客户端设置的还是服务端？
28.cookie通常和什么一起使用？
29.说一下DNS
30.localStorage、sessionStorage用法与区别。
31.tcp和udp区别，在哪一层协议？
32.osi模型
33.为什么tcp是可靠的？
34.三次握手与四次挥手
35.tcp和udp的应用场景
36.http和https区别，在哪一层
37.怎么进行前端优化？
38.webpack（主要答原理和怎么去进行压缩的）
39.webpack与其他工具的比较（这里只用过webpack）
40.手写promise
41.es6新特性
42.屏幕大小适配是怎么做的？
43.聊一聊平时有没有去写算法（这里说到排序）
44.快排、冒泡、归排
45.git命令
46.除了js平时还有使用过哪些语言呢（答了了解一点python）
47.python和js的区别和共同点
48.什么叫弱类型语言，为什么js是单线程的？
49.事件冒泡、事件捕获
50.消息队列
51.垃圾回收
52.强缓存和协商缓存（结合缓存机制和304状态码说）
53.反问环节

作者：sanbinlbw
链接：https://www.nowcoder.com/discuss/630586?channel=-1&source_id=profile_follow_post_nctrack

来源：牛客网
二面（过了好几天才约，一面居然过了）：
1.自我介绍
2.说说js的基本类型和引用类型
3.基本类型和引用类型的区别？
4.说说BigInt和int的区别（我当时懵了，js还有int吗？后面问面试官是不是number，面试官说对）
5.说说map类型
6.怎么判断引用类型
7.instanceof说一说
8.Object.prototype.toString.call的实现原理
9.查找字符串中某个元素出现的次数（尽可能用多种方法写,吐槽一下，面试官给我出题出错了，然后编译器报错）
10.反问

（这次的面试体验很差，感觉面试官很敷衍的样子，我在回答问题的时候还中途和其他人说话，也没问多少问题，面了10几分钟，结束直接挂掉了。我感觉是被KPI面了
作者：打不倒的浙科逍遥散人
链接：https://www.nowcoder.com/discuss/634004?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
4.6被csig捞，听说这个部门刷kpi的？
4.7(15:00)
1.自我介绍
2.tcp三次握手
3.https
4.react和vue的区别
5.输入url发生了什么
6.前端工程化的理解
7.nodejs、eggjs、koajs
8.低代码
9.aabbcccc=>a2b2c4（如果转换后的长度小于原字符串的长度，返回原字符串），用js写，幸好以前打codeforces时候自己用node.js写过输入输出，不然这道题js输入输出完蛋。
10.前端细分领域会往哪一方向发展（跨端）
11.那你和我讲讲跨端
12.实习时间
13.还有什么要问的吗
你对我的建议（基础比较好，缺少项目经验）
是哪个部门（腾讯云，技术栈react），之后去官网查了一下腾讯云？？？这不是捞人很多然后听说还刷kpi的部门？面试官人挺好的

作者：杨小一一

链接：https://www.nowcoder.com/discuss/634181?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

CSIG
一面

svg与canvas的区别
Echarts与d3的区别
svg的缺点
d3中enter exit update的区别
说一下js继承的方式
说一下react的响应机制，涉及到的一些算法
说一下事件循环机制
浏览器机制
Timer是在哪个阶段执行的
数据库乐观锁与悲观锁
InnoDB与MyISAM的区别
秒杀系统应该考虑的问题
react diff算法中key的作用
二面：
ES6 module与require的区别
在ES6顶部定义一个变量，外面能够访问到吗
说一下react fiber
说一下tree-shaking
说一下webpack
react为什么需要setState
前端优化的方法
三面：
聊项目

hr面：

说一下自己的优缺点
说一下印象最深的一件事情
说一下最有挑战的一件事情

作者：yyyyying
链接：https://www.nowcoder.com/discuss/634417?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

3.30 一面
1、自我介绍
2、项目经历担任角色项目难点
3、css3有了解吗说说新特性说了transform animation之类的
4、提到animation，它有哪些参数、属性,name duration delay balabala
5、css计算属性有了解吗 calc() 有什么注意的使用事项吗（运算符记得加空格？）
盒模型 BFC说一下
6、看道布局题目吧实现一下水平垂直居中左列固定右端自适应（说思路就好）还有别的方法吗?
7、好我们下一题实现一下这个效果布局+动画小球绕内边缘旋转180度

讲了圆角画圆负margin定位小圆 animation实现动画；rotate实现旋转；
面试官问这是以自身为中心旋转的，怎么让他绕大圆呢我瞎说了一个rotate3d 后来百度发现是 transform -origin 不过面试官没说啥直接过了
8、link 和 import区别 import使用场景
sass有了解吗 sass函数混合讲一下。
9、前端性能优化讲一讲回流重绘渲染页面过程懒加载 css方面的优化
10、webpack了解吗干什么的模块常见的loader
如何提升打包速度了解不是很多就随便说了说
11、事件循环浏览器进程 node进程？
垃圾回收机制
异步微任务宏任务
事件委托捕获冒泡
继承原型链
12、es6新的api
reduce()讲讲 reduce怎么统计数据出现次数
数组去重几种方法
promise？ .all
13、跨域聊聊 jsonp原理 cors ngi反向代理
14、MVC和MVVM？
15、vue生命周期双向绑定虚拟dom diff算法 key作用为什么index不行
16、vue父子组件通信兄弟组件呢提到了vuex 详细讲讲原理好处？
17、提到3.0 讲讲有哪些新东西 ts了解过吗
18、聊了聊技术栈问了一下协作模式

总的来说还是比较基础的让我回去等通知说很快。当天约二面不过只能约一周后的选了4.6
~~

作者：前端吕小布
链接：https://www.nowcoder.com/discuss/634489?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

~~
· 职业规划
· 怎样学习前端的
· 盒子模型和flex布局，这两个做一个对比
· position常见值和自己的理解
· 绝对定位的元素如果父级没有relative/absolute，它相对于谁定位
· CSS预处理器
· Vue中的mixin（面试官提了一下）
· H5语义化的作用
· 深浅拷贝和实现方法
· ES6扩展运算符…是深拷贝还是浅拷贝（浅拷贝）
· JS事件循环
· 事件捕获和事件冒泡，如何阻止事件冒泡
· Promise.all和Promise.race
· 项目数据哪来的
· 跨域，服务端有跨域这个概念吗
· 二级域名和三级域名互相请求算跨域吗
· XSS、CSRF攻防
· XSS怎么防止JS获取到cookie（请求头设置HTTPonly这个属性，带有HTTPonly的cookie，JS就获取不到了）
· React了解吗
· Vue生命周期
· 在哪个生命周期钩子发请求
· Vue的nextTick()
· computed和watch的区别
· 初次加载页面computed会不会立即执行，watch会不会立即执行（watch的immediate设置为true就会立即执行）
· watch如果监听对象嵌套很多层的话，怎么监听深层的对象的变化（deep属性设置为true）
· Vue里的this.(dollar符号)set方法（比如你改数组的某一项或者数组里的某个对象的某个值的时候，页面没响应，这时候比较好的方法就是(dollar符号)set）
· Vuex，什么时候有必要使用
· git常见命令
· git cherry-pick（可以添加指定某一个commit的commitHash（也就是它自动生成的一串数字），就会把这一次commit的代码合并到当前分支）
· 数组去重
· 为什么Set能去重
· JS设计模式
· 反问
作者：不看人世烟花
链接：https://www.nowcoder.com/discuss/646698?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网
0.没有自我介绍
1.是不是拿到了xx公司的offer（更新简历时候把手上的offer写进去了，所以才捞的我）
2.promise和async await的嵌套使用（人傻了，挂断才想起 awati后面的和setTimeout的优先级）
3.原型链，字面量{}，[]的原型链
4.作用域链
5.csrf攻击防御（深挖）
6.同源策略，跨域方式
7.如何实现一个node插件，功能：记录每一个请求的时间
8.事件委托，如何不影响内层的点击。（a标签内嵌套了img，委托取消a标签的跳转功能，但是不影响内部的img的点击）
9.https，证书怎么验证的
10.有没有了解react
11.项目背景
12.项目有没有上线
13.反问

面试时间一小时（邮件通知上写的半小时）。感觉面试官不讲武德，基本每一个问题都是场景题（上面的问题是根据我的理解提炼出来的考察点）。基本上我每回答一句（或者回答道一个知识点），面试官都会打断我，然后顺着这个知识点继续出题。我。。。

作者：千城。
链接：https://www.nowcoder.com/discuss/648416?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

算上笔试已经是第8次面腾讯了，之前6次都是一面挂，这次莫名其妙居然过了，特意来写一个面经，许愿二面能顺利些
方式是腾讯会议。
上来先说给我找套题目，半个小时内做8选四，做完再面试。（可能是的确太菜了，毕竟6次面试都是一面挂，先做套题筛选一下）
八道题目都比较基础，感觉和算法无关，更多的是实际开发中的一些问题，正则啊，用vue写个input实现默认显示，双向绑定，然后处理一些数组，事件代理写法，每次调用闭包返回值+1等等，总共八道选四道就行
做完后开始面试，直接上来就问项目，因为可能八股文之前那么多次面试已经大概有点了解了，估计面试官懒得问这些了
1.统一接口处理怎么做，axios的拦截器用过没
2.组件通信，能说多少说多少
3.vue生命周期，具体做了些什么事情
4.vuex了解过，action和mutation的区别，为啥要有action
5.vue-router怎么用，结合项目说说
6.webpack了解过吗，loader和pluging的区别，打包原理，如何加速打包，有了解过其他构建工具么（vite了解过）
7.rem和em，rem基于什么取值，em呢
8.小程序有了解过嘛，是否看过官方文档
9.uniapp怎么学的，从哪里知道这个东西，是否看过文档，使用程度如何
10.node的情况，express和koa用过哪些中间件（这里答得一般，面试官说前端最好好好学学node，会很有帮助）
11.浏览器缓存，etag具体怎么实现，是否会对服务器产生巨大性能消耗，怎么优化
12.vue的mixin是否了解，是否在项目中使用
13.nexttick使用场景
14.react使用情况（只了解jsx）
15.前端做过哪些性能优化，问懒加载实现原理，vue-lazyload实现原理
16.是否学过ios或者安卓开发（没有）
17.css3用过哪些，动画擅长么（不擅长），transform常用的有哪些。。。问了很多，答得一般
反问：是什么部门答：csig医疗相关的
主要都用什么技术栈答：vue，uniapp，react，node，然后部分用ts，其他细小的很多很多，vue为主
然后就结束了，全程55分钟左右
下午面的，到了晚上通知的二面，由于时间冲突申请了改时间，秒回，又发来新的通知，然后就接了。之前那么多次都没写面经，这次终于复试了，也来写一波，复试完再来写

作者：求份前端工作
链接：https://www.nowcoder.com/discuss/657688?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

谢腾讯给前端小菜鸡的面试机会：
做个简单的自我介绍
看过哪些书
1.tcp三次握手，四次挥手，我balabala
为什么你要知道的这么清楚,书本上没有这么详细啊我犹豫了下：因为http请求和他有关
那你光知道有这个名词就好了,为什么还要详细了解我就有点蒙了哈哈
2. 数据结构有哪些
3.讲讲二叉树
4.你知道的排序，说出其中两种排序步骤我选了选择排序和快速排序
5.输入url发生了什么
6.css3的animation属性有哪些
7.水平垂直居中的方式
8.水平垂直居中的方式
9.es6的迭代器了解吗
10.你觉得es6哪些比较好用
11.var let const区别
12.你对变量提升有什么看法我能有什么看法 haha
13.作用域有哪些
14.object.create和new的区别
15.继承方式有哪些
16.网络安全有哪些攻击手段
五道编程题选三道
其中三道leecode上有:
剑指offer 10-ii 青蛙过河
75颜色分类
146LRU缓存机制
我觉得我答得还不错,没有offer,来个二面也行嘻嘻

作者：XHY__proto__
链接：https://www.nowcoder.com/discuss/660531?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

上周五参加了CSIG部门的前端暑期实习复试，周六接总部电话被告知通过了，怕被养鱼，赶紧来写个面经攒攒人品……

手写ES5的继承方法（尽可能多）
这块掌握的不咋地……只写出了原型链继承和构造函数继承方法；
了解过Vue双向绑定原理嘛？Vue3.0是怎么实现的？
数据劫持+观察者模式；
proxy；
数据劫持对数组有效吗？
无效；
手写代码模拟实现一下监听数组数据的变化？
磨磨蹭蹭了个半小时（面试官真的有够耐心的），总算实现出来了；
介绍一下自己做的项目？
balabala……
做项目时遇到过最大的困难是什么？
balabala……
怎么解决跨域问题的？
能接受加班吗？
（年轻人，身体倍儿棒）
反问：
什么时候出复试结果？
前端在本部门的主要职责？
实习地点？

作者：牛客967300373号
链接：https://www.nowcoder.com/discuss/750378?channel=-1&source_id=profile_follow_post_nctrack
来源：牛客网

border-box和content-box区别
盒模型

输入url到渲染过程
页面的回流与重绘
http与https具体区别
垃圾回收机制
浏览器缓存(强缓存和协商缓存)
事件循环机制
你对前端模块化的理解
cdn原理
浏览器安全-浏览器可能会遭受的攻击有哪些
forin forEach中否使用break

es6常用的东西
箭头函数和普通函数区别

webpack用过吗

——————————————
以上是我能记得的所有的问题，但不限于这些

还问了很多业务逻辑相关的，
比如，移动端刘海屏的会写个安全区域有没有了解

笔试考了很多基础，很多都是数据结构与算法相关的，可以多看下排序相关算法。笔试算法是acm模式，建议上牛客网自己先感受一下。感觉腾讯这边考的泛围很广，细节问的很深，建议把基础都多看看。

最后，心态要好，不要慌张，遇到不会的不要怕，把自己会的说出来就好了。

路小雨Abigail

关注

5
点赞
踩
31

收藏

觉得还不错? 一键收藏
1
评论
腾讯CSIG前端面经全网最全总结

之前秋招面试腾讯云,一个多月的时间整理了全网的面经希望可以帮助到面试CSIG的同学
复制链接

扫一扫

腾讯CSIG前端面经全网最全总结

一面 2h

二面 2h

三面 30min

HR面

“相关推荐”对你有帮助么？