首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
基础学习课
实战项目课
求职辅导课
专栏&文章
竞赛
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
AI面试、笔试、校招、雇品
HR免费试用AI面试
最新面试提效必备
登录
/
注册
牛客262463771号
东莞理工学院 前端工程师
发布于广东
关注
已关注
取消关注
@non_hana:
百应科技前端开发实习生一面面试记录
一、前言有一说一,这可以说是我近期最糟糕的面试体验。我本来就没什么经验,紧张的要死,面对面试官强迫着自己不要紧张堆出来笑脸,可我对面的我感觉不是个人坐在那里,就是一个无情的问题提出机。他问我一个问题,我叽里呱啦讲了半天,中途我不对的地方没有帮我指出,甚至一声不吭,对我的发言完全没有任何的反应,马上又给了我下一个问题,让我感觉他是不是赶着下班?是不是不太想面我?总而言之,这次面试到后面连我自己都不耐烦起来了,对这样的一个面试官我的发挥自然也不能算好。讲一下题吧,总共才40min左右,问了一堆:二、题目列表自我介绍你平常是怎么学习前端的? 说了平常用GitHub来浏览优秀开源项目,吸取、借鉴其优秀的地方;平常在技术社区浏览文章来积累自己;用ChatGPT来辅助我学习等。之后问我有没有看过什么书来学习前端(?)由于我前端技术基本纯靠网上的一些技术网站或者B站来找教程跟完,基本上没看过书,就老实说了。有没有懂的同学跟我说一下看书重不重要?讲一下你从GitHub上面浏览的一个项目吧,并且说说你从中学到了什么。 我答了一个模仿B站的一个Vue3+Vite+Pinia+TypeScript+ElementPlus的项目,然后说自己学到了很多,比如组件化、工程化、模块化、规范化、目录结构设计、一些比较通用的组件或者工具的封装思路等。他也没评价。根据我简历提问,我简历写了我在青训营大项目还有上学期打的服务外包担任队长,问我是不是团队负责人,每个团队多少人,队内的各个队员的主要职责是怎么分工的,工程是怎么统筹推进的。讲一下浏览器搜索框输入URL会发生什么事情。浏览器渲染的过程讲一下。讲一下http中的缓存。讲讲http和https的区别。讲讲CSS中的盒模型。 叽里呱啦的说完了四层,突然给我提了个 怪异盒模型 的概念,问我知不知道。我之前说实话真的没听过,之后问我box-sizing:border-box这个属性是什么意思。我直接秒回不知道不浪费时间,他就跟我解释了一下。事后我问了问GPT,接下来贴一下它的回答:"怪异盒模型"(Quirks Mode Box Model)是一个在早期的浏览器版本中使用的CSS盒模型。在这个模式下,元素的width和height属性不仅包括内容的尺寸,还包括了内边距(padding)和边框(border)。这与现代浏览器中默认使用的标准盒模型(W3C Box Model)是不同的。在标准盒模型中,width和height仅仅定义了内容区域的尺寸,而内边距和边框则是额外添加的。怪异盒模型主要是为了向后兼容那些在早期浏览器规范成型之前就已经存在的网站。现代浏览器通常允许开发者通过设置文档类型(DOCTYPE)来选择使用哪种盒模型。如果你在开发过程中遇到了怪异盒模型,你可以通过设置CSS的box-sizing属性为border-box或content-box来明确指定使用哪种盒模型。border-box:这会使元素采用怪异盒模型的行为,其中width和height包括内容、内边距和边框。content-box:这会使元素采用标准盒模型的行为,其中width和height仅包括内容。看来确实是很古早的模型,他说现在这个属性很常见?我也不太清楚。讲讲CSS中可继承的属性有哪些。 一开始题目都没听懂,问是不是JS的,结果跟我说是CSS的。我又一次完全没了解过的问题出现了,直接说不会。问问GPT吧:在CSS中,有些属性是可继承的,而有些则不是。可继承的属性意味着子元素会继承其父元素的这些属性值,除非子元素自己有明确的设置。以下是一些常见的可继承的CSS属性:文本相关属性color:文本颜色font:字体设置(这包括font-family、font-size、font-weight等)text-align:文本对齐方式text-indent:文本缩进line-height:行高letter-spacing:字符间距text-transform:文本转换(如大写、小写等)white-space:空白字符的处理方式word-spacing:单词间距列表相关属性list-style:列表样式(这包括list-style-type、list-style-position等)表格相关属性border-collapse:边框合并设置border-spacing:边框间距caption-side:表格标题位置empty-cells:空单元格的显示方式其他visibility:可见性(注意:hidden值不会被继承,但子元素会表现得像继承了)cursor:光标样式direction:文本方向这些只是一些常见的可继承属性,不是一个完整的列表。具体哪些属性是可继承的,还取决于浏览器的实现和CSS规范的版本。CSS中有三个属性可以让某个DOM隐藏,分别是:display:none、visable:hidden、opacity:0,讲讲这三种方式彼此之间有什么区别? 由于第二种用的不多,答得一般,没太分析出彼此的不同。在CSS中,display: none、visibility: hidden 和 opacity: 0 都可以用于隐藏DOM元素,但它们之间有一些重要的区别:display: none渲染效果:元素不会被渲染,即完全消失,不占用任何空间。文档流:元素会从文档流中移除,就像它从未存在一样。可访问性:对于屏幕阅读器等辅助技术,元素及其子元素也会被隐藏。性能:如果频繁地切换该属性,可能会导致页面重新布局,影响性能。事件响应:元素不会响应任何用户事件(如点击、悬停等)。visibility: hidden渲染效果:元素会被隐藏,但仍然占用空间。文档流:元素仍然存在于文档流中。可访问性:对于屏幕阅读器,元素(通常)也会被隐藏。性能:性能开销相对较小,因为不需要重新布局。事件响应:元素不会响应任何用户事件(如点击、悬停等)。opacity: 0渲染效果:元素会变得完全透明,但仍然可见(例如,你仍然可以看到其背后的内容)。文档流:元素仍然存在于文档流中。可访问性:元素对于屏幕阅读器是可见的。性能:通常不会导致重新布局,但可能会影响绘制性能。事件响应:元素仍然会响应用户事件(如点击、悬停等)。这些属性各有用途,选择哪一个取决于你想达到什么效果。例如,如果你想让元素消失但不影响布局,visibility: hidden 是一个好选择。如果你想让元素完全消失并从文档流中移除,display: none 更合适。如果你只是想让元素暂时不可见但仍能交互,opacity: 0 是一个好选项。在JS当中,有两种判断类型的方法:typeof和instanceOf,请问这两种方法有什么区别? 基本上倒背如流了。讲讲原型、原型链、构造函数三者之间的关系。ES6中有一个箭头函数,箭头函数可以用作构造函数吗?之前有接触过React吗?讲讲你所了解过的JS设计模式吧。两道简单的算法题:如何判断一棵树是平衡二叉树?(直接说不会二叉树的所有东西)如何判断一个链表中有环?(直接双指针法秒了)反问环节。三、后记目前结果还没出,我很惊讶为什么这么执着于CSS的部分,问的还比较细,主要是对我擅长的Vue框架只字不提,我回答的怎么样也不给我回复,我只感觉挺无语的,面到后面我也没啥心情了,也才40min左右。慢慢等结果吧。
点赞 4
评论 3
全部评论
推荐
最新
楼层
暂无评论,快来抢首评~
相关推荐
昨天 17:10
中国民航大学 产品经理
实习的时候,有爸爸接送下班好幸福啊
翻到了实习时候和我爸的聊天记录,每天到了下班点我爸都会问我需不需要接,说接就会马上出发。那段时间我妈说我上班每天最忙的是我爸,有时候还中午接我回家吃饭休息一会儿再去上班。虽然实习很无聊,但感觉有爸爸接送就会让下班那个时刻因为见到他变得格外的幸福,让等待也变得有意义。 想起来上学的这十多年里,爸爸总是说得少却做得多,高中离家40分钟的车程,正好和他工作的单位顺路,每天6点多就会和我一起起床,把我送到公司,即便9点才上班,他说没有关系,早去点挺好。这高中三年的上学路已经成为我记忆深处不可磨灭的一部分。旅行结束回家他都会准时到在机场/高铁站来接我,印象中好像在他身边的日子好像很少独自回家。 最近工作...
牛油的搬砖plog
点赞
评论
收藏
分享
05-26 23:53
门头沟学院 全栈开发
渐行渐缓的微软中国
用小闪自己的话说,他是趁着微软2020、2021那两年在国内疯狂扩张时混进去的。那时的微软雄心勃勃,大幅扩张团队伴随的往往就是泥沙俱下,如果以现在微软的那点招聘量再让他去面试,小闪觉得很难通过。小闪杀进微软时还是多少带一点景仰的,毕竟中国IT圈里动辄一边吐槽国内码农不讲武德,一边把“人家老外XXX”之类的挂在嘴边。只是进去没有多久,小闪就“袪魅”了,无他,天天搞屎山代码而已,甚至不止屎山。就拿框架版本这个事来说,去微软之前,小闪在互联网大厂也会碰到不同Java版本兼容的事,但差别非常小。而微软的C#在不同版本之间的兼容性太差劲了,经常会在一些老项目中碰到非常古老的语法。啃了没多久啃不动了,小闪...
建议收藏系列
校招过来人的经验分享
牛客激励计划
点赞
评论
收藏
分享
不愿透露姓名的神秘牛友
05-01 13:13
就业率已经废了
已经炸了
ecece:
这么明目张胆虚报就业率啊
点赞
评论
收藏
分享
05-07 17:58
门头沟学院 Java
27届找日常实习,简历求锐评
处女简历,项目是点评加外卖,打算五月中旬八股背得差不多就投,求各位大佬提建议
wuwuwuoow:
1.简历字体有些怪怪的,用啥写的? 2.Redis 一主二从为什么能解决双写一致性? 3.乐观锁指的是 SQL 层面的库存判断?比如 stock > 0。个人认为这种不算乐观锁,更像是乐观锁的思想,写 SQL 避免不了悲观锁的 4.奖项证书如果不是 ACM,说实话没什么必要写 5.逻辑过期时间为什么能解决缓存击穿问题?逻辑过期指的是什么 其实也没什么多大要改的。海投吧
简历中的项目经历要怎么写
简历被挂麻了,求建议
点赞
评论
收藏
分享
05-25 14:54
同济大学 Java
转码结束,开启社畜旅程
至此,春招彻底结束了,从去年十月自学java开始,一直到这个月底,二十个月时间,七七八八的面试次数加起来应该至少有五十次。offer情况:俩大厂offer、俩中厂offer,别的offer忽略不计。本人背景:双非本+九硕,非科班,技术栈主要是Java后端相关的,一段阿里实习,项目做的商品秒杀。一些自学路径与感悟可以到我24年12月底发的置顶帖子里看看(已经开始文档嵌套文档了说是)。感想:1、时刻准备着,一直有在复习力扣题和八股的话,有机会就可以随时抓住,对于春招来说,甚至五月底六月都还有机会,但是肯定会很累。2、面试可能会拷打比较多高并发、高可用的知识,但实际上这些知识对于大部分三年内工作经验...
牛客473059135号:
我天,自学java吗,佬真的有点厉害了,mark一下投递过程
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
点赞
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
挑战 26 届最速转正失败——我做错了什么
3.0W
2
...
我的校园恋爱正式结束了
1.2W
腾讯暑期补捞
热聊中
3
...
25的兄弟们还在战斗吗?
1.1W
4
...
坐我后面的妹妹被拉走了!!
9527
5
...
从后端的角度聊一聊:2728届想要搞开发的同学现在最应该干什么?
8349
6
...
毕业照和春招结束代表着我的学生时代落幕了
7202
7
...
好想加班好想加班,啊啊我的钱(っ╥╯﹏╰╥c)
7086
8
...
双非大一百度timeline
6423
9
...
秋招提前上岸,这个机会真的不错!建议大家冲!
4939
10
...
实习生崩溃瞬间
4790
创作者周榜
更多
正在热议
更多
#
写给毕业5年后的自己
#
1639次浏览
30人参与
#
上班苦还是上学苦呢?
#
220784次浏览
1308人参与
#
华泰证券Fintech星战营
#
166258次浏览
188人参与
#
职场捅娄子大赛
#
305144次浏览
3066人参与
#
市场营销人求职交流聚集地
#
115820次浏览
1078人参与
#
华为求职进展汇总
#
4631759次浏览
28206人参与
#
如何缓解求职过程中的焦虑?
#
4366次浏览
72人参与
#
如果今天是你的last day,你会怎么度过?
#
20595次浏览
188人参与
#
好好告别我的学生时代
#
22480次浏览
457人参与
#
薪资爆料
#
107699次浏览
1156人参与
#
运营商笔面经互助
#
145229次浏览
1622人参与
#
晒一下我的毕业照
#
25255次浏览
231人参与
#
外包能不能当跳板?
#
31260次浏览
200人参与
#
非技术求职现状
#
424782次浏览
2923人参与
#
简历无回复,你会继续海投还是优化再投?
#
68963次浏览
697人参与
#
你的实习什么时候入职
#
248356次浏览
1890人参与
#
记录实习开销
#
15962次浏览
109人参与
#
我是XXX,请攻击我最薄弱的地方
#
26666次浏览
256人参与
#
宇通求职进展汇总
#
19857次浏览
162人参与
#
运营来爆料
#
43400次浏览
323人参与
#
00后45度躺现状
#
94068次浏览
488人参与
牛客网
牛客企业服务