店小秘前端 线下凉经

线下招聘会分为宣讲会、笔试、面试三部分。

宣讲会

宣讲会大概30分钟,给我们宣传了一下企业文化和目前公司的一些成绩以及未来成功入职后的培养方案,这里就略过了。

笔试部分

笔试部分是把我们带到一片空的工位上,然后发一张试卷,10道题,限时45min

  1. 什么是雪碧图。雪碧图有什么作用?
  2. HTML5有哪些新增的标签,有什么作用,请列举三个?
  3. 什么是闭包,闭包有什么优缺点?
  4. ==和===的区别?
  5. cookie和section的区别?
  6. get请求和post请求的区别?
  7. 7:15的时针和分针的角度是多少?
  8. 找出数组中最大的版本号,[2.4.1,2.5.2,2.4.223],返回'2.5.2'?
  9. 两个超出Number最大值的数相加?

这里就回忆起了其中的九道,前面的简答题还比较简单,都是一些基础的,后面的算法题其实也不难,但由于时间比较紧张加上手写代码不习惯,卡了好久导致没写完。

面试部分

(一面)

笔试做完没一会就有人带着进了会议室进行面试,由于近半年内都没有面试过了,所以面试开始的时候非常紧张,面试官也看出来了,就一直让我深呼吸放松。面试的题目大概回忆了一下:

  • 讲解一下JS的原型链。==>原型链一直没怎么搞透加上刚上来很紧张,导致有点说不出话,面试官也看出来了,就换了个问法问我,问我Array的内置方法是从哪里来的,又问了this的指向是什么,Array上面一层是什么,但是我基本都没回答出来,还是不熟练。
  • 讲解一下事件循环的过程。==>这个倒是说出来了,但是又问了宏任务有哪些,只说出一个定时器就又卡壳了。
  • 讲解一下跨域,以及怎么解决跨域。==>只说出一个代理的方法,过程也说得模棱两可,看得出来面试官很不满意。
  • 跨域的报错状态码是多少
  • Map和Set的区别 =>这两个我还说反了
  • Set和Object的区别以及谁的性能更好
  • float布局和position布局的区别
  • position布局的各种属性
  • 讲一下flex布局
  • flex布局怎么改变方向,有哪些布局方式
  • 冒泡排序和快速排序的实现原理(口述)
  • vue2中watch和computed的区别==>我答了computed的值如果不改变不会重新计算,watch只要监听到改变就会触发,又以此问了我watch的属性,包括deep和hendele。
  • async和await的底层实现==>没答出来
  • 问我会不会Vue3,想问我关于Vue3的一些理解,但我只答出了组合式API
  • 响应状态码==>本意是想通过问我304的状态码是多少从而引出对协商缓存的理解,但我只答出了200和500以及404,对300+的都没说出来
  • 有哪几种存储方式,答了:localStorage、sessionStorage、indexDB和cookie以及session,问我每个的最大存储值是多少,没答上来
  • 三次握手以及其作用?
  • ES6关于constructor的理解==>到这里已经破防了,然后也没回答上来。

反问环节

知道自己没有机会了,就问了自己有哪些不足,有什么可以改正的地方。面试官也说了我太紧张这件事情,还很贴心的把我回答不出那些问题的原因归结成了我太紧张,提了一下我的技术栈理解不太深入。

HR面

一面结束后过几分钟就有hr过来了,说是到HR面了,但其实我也知道是已经没机会了,因为按正常流程应该会在一面后再接一个二面然后才是HR面。hr面就大概持续了10分钟,hr问了一下我的一些基本情况以及为什么要学前端等等,还有之前的一些实习情况,但到最后也没有问薪资,也就明白了。

总结

总体来说面试过程还算顺利,虽然从面试结果来说肯定是失败的,但当成一次差缺补漏的机会还是不错的。全程面试下来面试官人非常好,在我回答不出的时候会想办法引导我,全程也在鼓励我别紧张。 从各个面试官的态度看来公司的氛围应该还是非常好的,只能说有点可惜。

#24届软开秋招面试经验大赏##前端面经##店小秘#
全部评论
我也是昨天线下面的 想问一下通过是会当场告知嘛
1
送花
回复
分享
发布于 04-28 12:23 广东
校友
点赞
送花
回复
分享
发布于 04-28 18:25 浙江
秋招专场
校招火热招聘中
官网直投
我也去了,我感觉一般都是招985、211的 双非能有个面试机会也挺好的 面试官人挺好的
点赞
送花
回复
分享
发布于 04-30 00:44 广东
HTML5引入了许多新的标签以增强网页的结构、语义和多媒体功能。以下是三个新增标签及其作用: 1. **`<article>`**: 这个标签代表文档、页面或应用程序中的独立内容,比如新闻文章、博客帖子、论坛帖子等。它使得内容更加模块化,便于搜索引擎理解和索引,也方便开发者进行CSS和JavaScript的样式与行为控制。 2. **`<nav>`**: 用于定义页面的导航链接部分。这个标签可以帮助用户和搜索引擎识别页面的主要导航区域,从而改善了网页的可访问性和SEO。 3. **`<section>`**: 用于对网站或应用中的相关内容进行分块或分段,如章节、页眉、页脚或页内的独立部分。它提供了对文档结构的进一步细化,帮助清晰地界定内容区域。 这些标签的引入旨在提升网页的语义化,使得网页内容结构更加清晰,有利于屏幕阅读器的解析,同时也有助于SEO优化和网页的维护。</section></nav></article>
点赞
送花
回复
分享
发布于 05-21 14:15 广东
雪碧图(CSS Sprite),又称为CSS精灵或CSS贴图,是一种网页设计和开发中的优化技术。它的工作原理是将多个小图标或者背景图片合并到一张大图上,然后通过CSS的背景定位(background-position)属性来精确显示大图中的某一小块区域,从而实现原本每个小图片的效果。雪碧图的主要作用包括: 1. **减少HTTP请求次数**:由于浏览器加载网页时,每加载一个图片就需要发起一个HTTP请求,将多个图片合并成一个雪碧图可以显著减少这些请求的数量,从而减轻服务器负担并提高页面加载速度。 2. **提高页面加载速度**:随着请求减少,页面加载时间也会相应减少,这对于用户体验是非常重要的,尤其是在慢速网络环境下。 3. **降低服务器带宽消耗**:单个大图通常比多个小图的总文件大小要小,因为合并过程中可以消除每个图片文件的元数据开销。 4. **减少鼠标悬停或点击时的图片切换bug**:在某些情况下,使用独立小图作为状态切换(如hover状态)可能会遇到切换不流畅的问题,雪碧图能减少这类问题。 5. **简化图片管理**:合并图片减少了文件数量,使得图片资源管理更加方便,同时也解决了图片命名冲突的问题。 6. **方便更换风格**:如果需要改变网站风格,只需替换一张大图即可,而无需逐个替换小图标。 尽管雪碧图在HTTP/1.x时代非常有效,但在HTTP/2协议普及后,由于其多路复用特性,单个连接可以同时处理多个请求,因此雪碧图的优势有所减弱。然而,在特定场景下,尤其是对于移动设备或者网络条件不佳的用户,雪碧图仍然是一种有效的优化手段。
点赞
送花
回复
分享
发布于 05-21 14:27 广东
要计算时钟上7点15分时,时针与分针之间的角度,我们可以按照以下步骤进行: 1. **计算分针的角度**:分针每分钟走6度(因为一圈是360度,共60分钟)。所以,15分钟时,分针的角度位置是 \(15 \times 6 = 90\) 度。 2. **计算时针的角度**:时针每小时走30度(因为一圈是360度,共12小时),并且每分钟时针也前进0.5度(因为一小时60分钟,总共前进30度,所以每分钟前进0.5度)。在7点时,时针已经走了 \(7 \times 30 = 210\) 度,再加上15分钟内时针前进的角度,即 \(15 \times 0.5 = 7.5\) 度,所以7点15分时针的角度位置是 \(210 + 7.5 = 217.5\) 度。 3. **计算两针之间的角度差**:有两种计算方法,一是直接计算两者之间的角度差,二是用360度减去这个差值,取其中较小的那个正值。首先直接计算两者之差: \(|217.5 - 90| = 127.5\) 度 由于我们求的是两者之间的较小夹角,直接得到的结果就是127.5度,这就是7点15分时,时针与分针之间的角度。不过,通常在计算这种角度时,我们会考虑更直观的内部夹角,上述计算已经直接给出了这一结果,无需进一步调整。因此,7点15分时针与分针之间的角度为127.5度。
点赞
送花
回复
分享
发布于 05-21 14:32 广东

相关推荐

7_years:实践项目那里有好多空白,可以把你的在项目中具体做的工作写出来,用了什么技术,完成了什么功能,解决了什么问题。
点赞 评论 收藏
转发
1 3 评论
分享
牛客网
牛客企业服务