云智联前端(H5)实习面经

面这家公司的时候,很不巧,学校全都是期末考试,这边一直在准备期末考试,同时还要做课程设计,所以真的很烦。也就没怎么好好准备,但还是过了,已拿offer。一共是两次面试,一次电话面,一次现场面。
以下为面试题:
一面:
1. 先做一个自我介绍
2. 非计算机专业,,,为什么要做前端呢?
3. 你在学习过程中遇到的你认为最大的难点是什么?(我说的是初学Vue的时候一些MVVM的思想难以转变balabala。。。)
4. 你平时都是怎么学习的?遇到了问题都怎么解决的?(百度,google,或者去一些博客网站搜索相关文章)
5. Vue的组件化开发的理解?
6. 前端工程化的理解?
7. jQuery有没有自己封装过一些插件?(没有)
8. JS事件模型
9. 那利用事件冒泡这一过程能做什么?(事件委托,然后我详细的说了一下事件委托怎么使用和优点)
10. Bootstrap里面的模态框
11. Vue-router实现原理(我说了一下hash路由实现原理)
12. 开发Vue项目的时候那些.vue文件怎么编译成浏览器识别的文件的?(我说的是webpack用vue-loader处理)
13. JS怎么判断元素是不是数组?(Array.isArray()和用Object.prototype.toString().call())
14. 你提到了.call(),那么这个是做什么用的?
15. 能分别说说其他和这个方法类似的方法吗?说一下用法和区别?(就是call、apply、bind三兄弟)
就能想起来这些吧,还有一些记不住的很简单的小问题,不多,不难,我感觉非常简单。。。一共一面半小时吧。面完估计有半小时HR小姐姐就通知我过了,约了二面时间。
二面(现场面):
到公司了前台小姐姐和HR小姐姐先接待,然后给我一瓶水让我坐下等会。说面试官正在开会,然后我才知道我二面面试官也是个小姐姐,还是leader。。。
过了几分钟,一位漂亮的有气场的小姐姐来到我面前坐下,开始了二面,以下为题目:
1. 我们之前有面试官面过你吧?(恩。。。)
2. 先做一个自我介绍
3. 你不是科班的哈,为什么要做前端?学前端多久了?(感兴趣,四个多月)
4. 遇到问题你都是怎么解决的?(这里我和之前回答的一样,我感觉这里面特别重视个人的学习能力)
这里我感觉才是真正开始面试,接着全程在怼我的项目一些漏洞和问题,然后一直问场景题。。。基础几乎一点没问。。。
5. 你这个node项目里面,你做登录状态保持用到了cookie和session,详细说一下怎么做的,前后台都做了哪些工作?(我说后台用express-session中间件,前台cookie保存用户信息)
6. 追问:那你觉得用cookie存储用户信息会不会有安全问题?(我说有,可能会被cookie劫持,被发起非法请求,其实就是csrf攻击)
7. 继续追问:那你觉得既然这样那应该是怎么去解决?(我尝试着说了一下localStorage)
8. 继续追问:那你说一下用这个怎么做方案来解决吧(我尝试着说了一些token验证来防止csrf攻击这些)
9. 继续追问:localStorage存储空间是多大?(我说5M)
10. 继续追问:是所有的浏览器的localStorage存储空间都是5M吗?(其实我不知道,但是我说:应该不是,不同浏览器不同)(面试官就给我解释了一下localStorage一些相关知识点)
11. 追问:为什么要做这个项目?(我说想着做一个ssr,因为我项目也是用模板引擎这些来做的)
12. 追问:SSR的好处?(我说了好多,比如相比较客户端渲染能减少客户端压力,更利于SEO等等)
13. 又问了css写的多不多,我说还可以
14. 问:想让一个图片和一行文字一起居中咋办?(我说了给图片vertical-align: middle;但是显然不是面试官要的答案)
然后我说分别加盒子再居中?然后又问我那在盒子里面又怎么居中?
15. 追问:那要是多行文字呢?(这个问题问的我很难受,最后说不难为我了,换一个问题)
16. css选择器优先级的问题:(我以为是问问id、class谁更重这种问题,很显然我想多了)问的是:我现在一个div加了id,包裹着一个加了class的p,里面有文字,可是我已经给他用这样的层级关系加了样式,我应该怎么修改?(我说了important,但是很显然不是面试官想要的答案)
17. 追问:OK,那么现在这个问题你不会了,你怎么解决?(我说了一下)
18. 追问:那你去百度或者google的时候你会怎么去搜索这个问题?具体一些?(到这,我哭辽)
17. 追问:css选择器id和class适用场景问题,又是给了我一个场景:就刚才那个场景:我是用class好还是id好?(我答的不好,然后给我解释了为什么用class更好,更利于维护,为什么id要慎用,提到了一些代码维护等工作的问题,其实这种问题看着简单,但是真不一定能答到点子上)
18. cdn知道不?(知道,内容分发网络)
19. 追问:cdn用来做什么的?(在全国多地备置服务器存储一些相同资源并合理分发请求来减少服务器压力达到负载均衡)
20. 追问:那你觉得cdn都用来存储什么资源?(静态资源)
21. 追问:哪些静态资源?详细一些(我说一些图片啊、视频啊、css文件啊、js文件啊这些)
22. 追问:那你觉得js文件就一定是静态资源吗?那我可能修改了呢,这个时候怎么办?所以说静态资源是相对的,我想让他是就是,否则就不是(我就像小鸡一样一直点头。。。虚心学习嘛。。。)
23. 还有一些其他问题,不过全都是场景题,然后问你给你来做你怎么做?怎么解决?我觉得主要考察学习能力这些吧。。。而且这些所有的场景全部都是根据我的回答逐步深入,一直到我完全不会为止,然后再给我讲这个问题。。。
24. 接着就是我提问环节,其实这个时候我都有点瑟瑟发抖了。。。然后我问什么时候有结果?面试官说这个没办法现在给,来面试的很多,我要做一个均衡。。。我当时想着我估计是挂了。。。心灰意冷的出去了,记过这边隔了半小时吧,我刚上地铁,这边HR小姐姐通知我面试过了,后续发的offer这些。
总体感觉还可以吧,没有完全不会的问题,就是二面全是场景,然后还非常深入,所以二面可以说每个问题最后都没能答上来,不过面试官给我评价就是学习能力很强,把我收了。。。😂


#实习##面经##前端工程师#
全部评论
实习都这么难?
点赞 回复 分享
发布于 2024-03-22 13:22 重庆
强啊老哥
点赞 回复 分享
发布于 2019-07-21 20:37

相关推荐

07-30 18:17
已编辑
东莞理工学院 Web前端
字节跳动火山引擎一面46 分钟2025.7.151. 自我介绍2. 介绍项目3. 看你项目提到了,cloudflare的全球加速是怎么做的?4. 浏览器访问链接全过程5. 页面框架加载优化6. 跨域是什么7. 数组和链表的随机查找、插入删除的时间复杂度的8. MySQL写入锁9. HTTP缓存 强缓存 协商缓存10. 算法题11. 反问字节火山引擎二面1. 自我介绍2. 项目介绍3. 项目遇到的性能问题是如何解决的4. css如何实现动画(transition、keyframe)5. 如何渲染一万个元素(documentfragment、虚拟列表),同时显示的话呢?(canvas、requestAnimationFrame延迟加载分片渲染)6. 算法题:控制并发量7. 未来职业发展字节火山引擎三面2025.7.221 小时1. 请做一个简单的自我介绍。2. 之前编程主要是什么方向?是爱好还是认真学习的?3. 你更喜欢做前端、全栈还是其他方向?为什么觉得前端可替代性强?4. 你平时学习技术的渠道有哪些?5. 你现在独立运营两个产品,未来有考虑盈利吗?6. 未来的职业发展规划7. 请介绍一下你简历里提到的XXX项目,它主要是什么,有哪些难点?8. 对于XXX项目中性能优化问题,你解决减少顶点数量的思路是什么?9. 提高三维图形真实性的路径精确计算,用到了什么算法?10. 在XXX项目中,用 WebGL 处理时性能瓶颈通常出现在哪些方面,你是如何解决的?11. 请介绍一下另一个项目 app,它主要功能是什么,如何解决学生无网络时的离线使用问题?12. 这个 app 做了哪些数据分析,还有哪些社交相关功能,自习室排名逻辑是什么?13. 这个 app 如何实现一个账号在多设备同步?14. 你做的项目中前端跨端表现好是因为编译成二进制文件和内置运行时,能说说大概流程吗?15. 能介绍一下 Flutter 开发中 element 和渲染对象相关知识,以及不同端的渲染实现逻辑吗?16. HTTP1.0、HTTP2.0、HTTP3.0 有什么区别?17. TCP 和 UDP 有什么区别,Promise 有哪三种状态,分别是什么?18. 你了解哪些网络安全方面的内容?19. 你用到了数据库,能介绍常见数据库类型及大致划分区别吗?20. 你提到 CDN,能说说 CDN 加速的原理吗?21. 算法题:最长公共子串、二路归并22. 你后续的长期规划是继续做技术,还是也会考虑往产品方向发展?23. 你未来实习时间大概是怎样的,可以长期实习吗?可以转正吗?24. 如果未来做的事情和你自己的规划不太匹配,且全栈机会不多,你会怎么选择?2025.7.30HR 反馈:业务说咱们的前端经验和产品sense都很好,但是沟通表达能力相对于另一位同学薄弱了些,并且对于未来规划这部分不太清晰,希望咱们目标可以更坚定一些
点赞 评论 收藏
分享
求职的纳鲁多:强的没边了,我宇智波斑原称你为最强
点赞 评论 收藏
分享
评论
7
38
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务