前端实习面经(回馈牛客网)

最新推荐文章于 2022-03-10 10:51:36 发布
最新推荐文章于 2022-03-10 10:51:36 发布
阅读量577 收藏 4
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_39069037/article/details/80684853
本文是作者春招前端实习面试的经验分享，包括美团和百度的面试经历。主要涉及浏览器工作原理、JS基础、CSS布局、数据结构、算法、前端性能优化、框架理解等知识点。面试题目涵盖从输入URL到渲染页面的过程、闭包、原型链、Promise实现、Redux原理、前端性能优化策略等，适合前端初学者参考。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

春招结束了，最终收到了心仪的offer，由于楼主比较水所以面试的问题也比较基础，发出来给各位同学做个基础篇参考

美团(上海现场面)

一面

自我介绍

说一下浏览器从输入URL到渲染完页面的整个过程

JS如何计算浏览器的渲染时间?

浏览器缓存讲讲

var的变量提升的底层原理是什么?

event loop讲讲(做了两道题)

闭包原理是什么?(做了一道题)

JS的回收机制说一下(计数清除(IE9以前,可能造成内存泄漏)，标记清除(V8))

数组常用的方法有哪些?

WebSocket的底层原理讲讲

你的聊天室项目，如果数据传输出错怎么办?(后面想了想这里面试官可能想问的是checksum和错误重传机制？当时没想到，说了点UDP的不足和TCP的错误检测)

场景题：

Q: 现在有一大段文字，如何在页面中设置一个窗口滚动播出这段文字?

A: 用轮播图思想balabala...

Q: 那你怎么解决卡顿问题?

Q: 之前有写过轮播图demo吗?

垂直水平居中的方式(说知道宽高和不知道宽高的两种情况)

如果宽高不同呢?

如果一个元素不设置width,那他的margin有用吗?

分析一下你说的几个方法(flex grid table-cell margin transform)的兼容性，如果要兼容IE你会选哪个?

实现一个三栏布局，中间自适应你知道几种方法?(float absolute table flex 圣杯)

算法题：给一个无序数字数组，里面是随机的数，并给出一个目标值，求这个数组里的两个数，这两个数的和等于目标值。要求求出这两个数并给出下标，你能想到的最优的办法是什么?(快排 + 双指针)

最低0.47元/天 解锁文章

200万优质内容无限畅学
牛客网
关注
字节跳动前端实习面经 （转）
skysys的研究小屋
03-11 678
前景知识 viewport是什么 viewport 是用户网页的可视区域。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。 For More: https://blog.youkuaiyun.com/qq_3358...
字节前端实习一面面经
03-01 654
1 废话： 最近看着年级群里面的大厂招聘信息，想着自己最近的课也不是很多，于是抱着试一试的态度，报了字节的暑假实习（报的时候没考虑自己简历会过，毕竟自己是个渣子） 结果没想到，在航海楼自己的时候，突然接到了一个来自北京的号码！！！（这个时间，北京，莫非是字节？）果不其然，是字节HR的电话，说我的简历过了，问我明天有时间面试吗？（实属突然，幸福来得太突然了吧！！！）我说可以的，于是面试就定在了今天的下午3点（心里在想，可以个锤子，啥都不会，直接白给呀！！！裂开！！！） （有一说一，字节的效率够高的，下午2
牛客网上的前端面经
weixin_33739646的博客
03-22 598
作者：不想gg 链接：www.nowcoder.com/discuss/840… 来源：牛客网 一、算法部分 前端算法部分还是很简单的，至今我也没问过什么比较难的算法问题。如果你算法不好就可以直接告诉面试官。不需要过多作假，面试官其实也很聪明的，如果你作弊很快就能发现的。 1、基本排序的方式 冒泡、快排、桶排、堆排序、归并排序、插入排序。 基本也就这些吧。最重要的还是快排和插入排序和堆排序。自己多...
牛客网前端工程师面经汇总—HTTP/HTML/浏览器（一）
qq_42515626的博客
01-22 503
文章目录一、http和https二、tcp三次握手、四次挥手三、TCP和UDP的区别四、Websocket五、几个很实用的BOM属性对象方法六、HTML5 drag api七、补充状态码400、401、403八、fetch发送2次请求的原因九、Cookie、sessionStorage、localStorage十、web worker十一、对HTML语义化标签的理解十二、iframe是什么？有什么...
我的前端实习面经
weixin_34174422的博客
03-30 323
阿里 电话面试，没有自我介绍，直接开始 垂直水平居中方案（未知宽高）？ 伪数组和数组区分？ 循环遍历加监听？ 闭包？ 继承与原型链？create()方法有了解过嘛？ ajax请求的步骤？ flex常见属性描述？ 跨域及解决办法及原理？ 浏览器安全相关？ 腾讯 看重简历，项目， 没有自我介绍，直接开始 ajax请求 为什么用axios库？ axios和promise有什么区别 vue双向数据绑...
我的前端实习生面经
weixin_zz的博客
04-02 445
emmm截止3月27日，我接到过两个电话，也是唯一的两个电话，网易网易一面    2018年3月16日1、自我介绍（自行脑补）2、项目介绍（自行脑补）3、技术栈（根据项目去说）4、有没有用到vue框架        没有用到过但是了解过一些基本的理论知识，见VUE基本知识5、盒子模型      在IE下：默认为（content+padding+border）      在W3C标准下：默认为（co...
字节跳动面经汇总，想要面字节的都看过来！！！不看后悔系列
Borrr的博客
12-11 3424
字节跳动面经 【字节跳动】字节跳动-抖音C++开发实习一二面凉经 https://www.nowcoder.com/discuss/342523 【字节跳动】字节跳动后端面经 已拿意向书 https://www.nowcoder.com/discuss/302265 【字节跳动】字节c++一面 https://www.nowcoder.com/discuss/298886 【字节跳动】字节跳动后台开发二面凉经 https://www.nowcoder.com/discuss/294289 【字节跳动】头条面
【校招分享】Java非科班自学指南
slw213106的博客
11-24 1706
作者：一星如月看多时 链接：【校招干货】Java非科班自学指南V1.0_招聘信息_牛客网 来源：牛客网 本文针对应届校招生，面向大厂面试学习，讲究打牢基础的同时追求速成，适合还有一年以上时间参加校招的在校同学，时间较少的同学也可以参考，针对性学习。 本文针对非科班，从0开始，带你成为一名大厂校招Java工程师。 非科班学习途径无外乎网课+图书，所以本文会大量推荐网课，有些是免费的，有些是付费的，由于牛客限制，付费视频都不贴链接，请自行搜索并根据个人经济条件判断是否购买。 .
前端实习面经-西门子上海中心
余光的博客
09-07 1174
距离上次更新博客过了近十天，这期间经历了，拿到实习offer–回家小住几日（之前一直在学校学习）–到上海找房子–入职。总共花费了十天左右，9.6日一切告一段落正式入职。 我是在八月中旬在实习僧上投递的简历，抱着试一试的看法，互联网大厂基本上没投几个，这是我第三次面试，均是电话面试，过程还算顺利，我们直入主题，说一说我所遇到的问题。 1、你为什么选择前端？ 2、你接触前端多久了？ 3...
前端开发实习生面经
热门推荐
Cosalneo的博客
11-13 1万+
本人是一名大三生，准备在7、8月份开始找前端开发实习生岗位的工作，投了很多家大大小小的公司，也算是有小小经验，在此把面经写出来，供大家参考，也便于以后自己复习 简历 简历是很重要的一步，要是简历没写好，可能公司都不会给你面试的机会 页数控制在1-2页内，不要太长，也不要短，把模块分开点，看起来简单明了，不要挤在一起，尽量不要用进度条 可以放上自己的技术博客以及码云 把精通的技术放在前面的模块，面试官由上而下看能注意到 项目经验能多点好，标题明显点，最好部署到服务器上，把代码上传到github上，是加分
来自 菜鸟 的 前端实习面经 大厂 春招实习生
超逸の学习技术博客
02-28 5285
转眼到了该实习的时间，或许还是自己不够优秀把，感觉挺搞心态的，我的第一份投递的公司直接就刷了我，我连面试的资格都没有，当时看到“不匹配”三个字的时候，我顿时有点了难受，心态感觉被搞了一下。或许这就是现实把。然后我独自思考了5分钟后，还是得从自己找找问题，我要想凭什么其它公司就会招我，谁又会愿意找一个萌新然后还要发钱给他呢？ 想来还是自己不够优秀。
【已收到Offer】小米前端实习面经（一、二面）
优快云超级实习生
03-10 4455
面试无非就是考察计算机基础 + 算法 + 语言特性 + 项目。不过呢，根据我的面试题经历，其实每个公司在面试候选人时，侧重点是不同的。 例如你面试腾讯的话，可能网络这块会问的多一些；面阿里时，可能Java会问的多一些；面字节时，可能算法会问的多一些。 每个公司都有自己的技术特色，那今天就给大家带来一篇小米前端实习岗位的真实面经分享。 小米一面： 聊学习经历，聊一下项目（没深入，就是热个身吧） 上来就是三道代码题，这个没办法记不住，忘了copy下来了，涉及到的知识点： 闭包 作用域 ...
唯品会前端实习全面面经
weixin_40850986的博客
03-22 1915
8.22接到唯品会的内推电面，问的问题都不难，聊了40分钟，结果没过。有点伤心(；′⌒`) 那就把面经发一发，顺便发一下在面试前搜集的网上的唯品会面经，整理出来了CSS和JS两大类问题，以及一些其他方面的问题，就当攒攒RP吧，给想去唯品会的小伙伴们一个参考。 每个问题都大概写了个答题方向，如果有不对的欢迎指正，有些问题没写答案，也欢迎小伙伴们给个方向。 面经 上来先让介绍一个最近做的项目，...
前端开发实习面经总结
xq66660821的博客
04-06 1479
面经一： 1. 拖拽实现列表排序 描述：有一个列表，列表里面有十条记录，每一行是一条记录。在每一个记录的后面进行一个拖页的动作，以此进行列表的排序。 思路：转载至https://blog.youkuaiyun.com/azuretodd/article/details/109973228 <li class="li_row" v-for="(item,index) in linkData " :key=index draggable="true" @dragstart="drag(
2018腾讯Web前端实习生招聘面经（2018.04.15）
杜小白的博客
04-17 1481
        最近刚经历过腾讯一面，虽然没通过，还是想记录一下，毕竟这是我人生中第一次大公司正式的面试经历，首先声明本人菜鸟一只。。。不喜勿喷哈~        当时接到面试通知是4月10号的中午12点03分，当时激动的呀，因为4月5号的笔试题感觉做的不太好，编程题没有编出来，突然接到面试通知觉得像天上掉馅饼一样，难以形容。        面试时间是4月15号中午11点半，武汉光谷凯悦酒店，让提...
2020前端实习面试经
qq_43681850的博客
11-17 1312
之前投了一个比较小的公司的面试来练手 当然我没想到直接一次性面了2小时 下面就是大概的面试题（强行回忆） 1.你简历上有好几段实习经历，能说一下每一段是为什么离职吗？ 大概就是暑假结束之类的（ps面试官说公司不喜欢很容易离职的，我这是暑期实习暑假结束了肯定得跑路了 2.有了解过CSS3吗 3.对CSS3的什么特性比较熟悉 4.html5特性 语义化 SEO搜索 5.ES6的新特性 6.说一下JS的数据类型 7.说一下Number的实现 8.说一下对symbol的了解 9.Node.js BFF层的优势 1
牛客网前端工程师面经汇总—HTTP/HTML/浏览器（二）
qq_42515626的博客
01-28 372
文章目录一、浏览器状态码二、get和post的区别三、浏览器缓存四、HTML5新增的元素五、在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么六、常见的HTTP的头部七、 HTTP2.0 的特性八、cache-control的值有哪些九、浏览器在生成页面的时候，会生成那两颗树 一、浏览器状态码 **200 OK 请求成功。**一般用于GET与POST请求 **201 Cre...
阿里巴巴2016前端开发实习生面试一面面经(总结)
qq_26563171的博客
05-18 5235
作为一名大三的计算机专业web前端开发学生谈谈对于阿里巴巴的面试的经历，并且做一个总结！供大家以后参考！   ** 大三学生是否找实习？答案是必须的。不论什么公司，招聘就投，笔试能答就答，答完笔试你才有面试的机会。   ** 楼主就是不知道什么情况，阿里的笔试就过了，才拿到了面试机会，这很关键。 我在这里谈谈阿里面试的流程和经验:   今年 阿里的笔试和面试时间拉的很长。面
拼多多前端实习面经
最新发布
03-27
<think>嗯，用户想了解拼多多的前端实习面经。首先，我需要整理一下常见的面试内容，确保涵盖技术问题和项目经验。可能包括HTML、CSS、JavaScript的基础知识，还有框架如Vue或React。另外，算法题也是前端面试的一部分，应该提一下常见的题型。 然后，要考虑拼多多的业务特点，比如高并发、性能优化，这些可能在面试中会被重点考察。需要提醒用户注意准备相关的项目经验，如何优化加载速度，处理兼容性问题等。 还有，手写代码环节，用户可能需要练习常见的函数实现，比如防抖、节流，或者数组去重。算法方面，动态规划、链表操作可能出现的频率较高，应该举例说明。 另外，系统设计题部分，用户可能需要了解组件封装、状态管理，甚至微前端架构，这些是拼多多这样的大型电商平台可能用到的技术点。需要给出具体的例子，比如封装一个商品卡片组件，或者实现购物车逻辑。 行为面试部分，团队合作和解决问题的案例是重点，用户需要准备好具体的例子，展示自己的沟通能力和解决问题的能力。同时，反问面试官的问题也要有针对性，体现对公司和岗位的兴趣。 还要注意格式要求，数学公式用$...$，独立公式用$$...$$，确保LaTeX正确。用中文回答，结构清晰，分点说明，帮助用户逐步理解面试准备的各个方面。 最后，检查是否有遗漏的部分，比如面试流程、注意事项，或者是否提到学习新技术的方法，这些都是用户可能关心的点。确保信息真实可靠，结合网络上的面经总结，给出实用的建议。</think>以下是拼多多前端实习岗位的典型面试经验总结，结合公开面经整理而成： ### 一、技术考察重点 1. **基础能力** - HTML/CSS：盒模型、Flex/Grid布局、BFC、CSS选择器优先级 - JavaScript：闭包/作用域链、原型链、Promise实现原理、ES6+特性（如$$let \ vs \ var$$） - 手写代码：防抖/节流、深拷贝、数组去重、柯里化函数等 2. **框架相关** - Vue核心：双向绑定原理（Object.defineProperty vs Proxy）、虚拟DOM Diff算法 - React特性：Hooks使用限制、Fiber架构原理、性能优化手段 - 示例：实现类似Vue的$$v-model$$双向绑定功能 3. **算法题** - 高频题型：链表反转、二叉树遍历、动态规划（如背包问题） - 典型例题： ```javascript // 手写快速排序 function quickSort(arr) { if (arr.length <= 1) return arr; const pivot = arr.pop(); const left = arr.filter(x => x <= pivot); const right = arr.filter(x => x > pivot); return [...quickSort(left), pivot, ...quickSort(right)]; } ``` ### 二、项目深挖 1. **必问环节** - 选择最复杂的项目，说明： - 技术选型依据（如为什么选择Vue而非React） - 遇到的性能问题及解决方案（如首屏加载优化） - 使用Webpack/Vite的优化配置经验 2. **性能优化案例** - 实操案例：通过代码分割+懒加载将首屏加载时间从3s降至1.2s - 关键指标：FCP、LCP、TTI的优化策略 ### 三、系统设计题 1. **组件设计** - 设计可复用的商品卡片组件，需考虑： - 不同尺寸屏幕的响应式布局 - 价格促销信息的动态展示逻辑 - 点击事件防抖处理 2. **场景设计** - 实现购物车功能，需处理： - 本地存储与后端数据的同步策略 - 并发修改时的冲突解决方案 - 使用Redux/Vuex的状态管理设计 ### 四、行为面试 1. **高频问题** - 最有挑战的项目及解决方法 - 团队协作出现分歧时的处理方式 - 最近学习的新技术（如WebAssembly、微前端架构） 2. **反问建议** - 团队目前的技术栈演进方向 - 实习生培养机制 - 拼多多在前端性能监控方面的实践 ### 五、注意事项 1. 准备2-3个能体现技术深度的项目，量化成果（如性能提升$30\%$） 2. 算法练习建议：LeetCode热题HOT 100（重点攻克前50题） 3. 熟悉浏览器工作原理：渲染流程、垃圾回收机制、Event Loop模型 > 提示：拼多多面试节奏较快，建议通过[前端面试星球]等平台进行模拟面试，重点关注电商场景下的技术实现方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值