神策数据前端面经(三面+hr)
面试的时候状态不是很好,有一些问题没记住。我觉得面试主要是看你基础,和学习方式,回答一定要条理清晰,思维敏捷。而且要看你和面试官的契合度,如果真的五行不合,你答的都不是他想让你答的点,那么就凉一大半了。
一面(技术面)
- 自我介绍
- HTML5语义化的意义
- 方便SEO。
- 方便无障碍阅读,对于帮助视力障碍者阅读的设备筛选重要数据有帮助。
- 方便开发者维护代码。
- 当丢失层叠样式表的时候,页面也会按照语义化布局显式。
- 做过自适应吗?
- 可以用媒体查询。
- 可以使用
rem
或者vh、vw
相对单位
rem
为什么可以自适应?rem
相对于body
标签的字体大小,如果body
的font-size:16px;
那么1rem = 16px
em
的大小相对于谁?- 相对于父级元素。(当时答错了!)
- 讲一下
flex
与grid
布局。flex
与grid
是css3
新增的布局属性。- 分别为了解决:一维与二维的布局缺陷。
flex
能给详细讲一下吗?如何竖向排列?flex
存在两条轴:水平主轴、竖直交叉轴。- 默认项目不换行在主轴上水平排列,可以使用
flex-direction: column;
使其竖直排列。
- 能给讲一下原型与原型链吗?
- 我就按我自己博客上写的来说了。
- 手撕代码!
- 第一道,实现一个原生表格的点击表头排列。
- 第二道,因数分解,用了递归与非递归两种方法。
v-for
使用过吗?要不要加key
属性?为什么要加?- 用过
- 要加
- 为了方便
diff
方法的执行,diff
算法的简单原理说了一下。
- 单页面(SPA)应用的优缺点
- 优点:
- 方便开发。
- 用户体验更好。
- 缺点
- 第一次加载页面时,速度较慢。
- SEO需要服务端渲染。
- 添加书签需要程序支持。
- 优点:
let
const
定义变量- 拥有自己块级作用域
- 不会出现在
window
属性中,而是在script
作用域。(想不到吧,我已经被滴滴坑过这道题了)
call
与apply
的区别。- 性能有差距,
apply
性能稍快一点。 - 传参不一样。
- 性能有差距,
fetch
库用过吗?- 正在用fetch封装自己的个人博客的请求操作。
- 能给讲一下服务端渲染吗?
- 服务端渲染,就是在服务端请求数据,让后将渲染成一个页面返回到客户端,利于SEO。
- 深入的我也不会了。。
二面(技术面,前端负责人)
- 自我介绍
- 为什么不去做后端?(感觉看了我的简历,大家都会问。。)
- 确实比较喜欢前端。
- 前端发展迅速,我不踩坑不快乐。
- 最近一篇博客是什么?
- 实现
vue
双向绑定。
- 实现
- 能给我讲一下吗?
- 两种方法,
Object.defineProperty()
- ES6新特性
proxy
,解决了第一种方法无法监听Array内部的问题,vue3.0
拥抱了这种方式。
- 两种方法,
- 看过著名框架的源码吗?
- 只看过
webpack
与vue
的源码。
- 只看过
- 框架与库的理解
- 我认为库就是一个非常完善的大型组件,库与框架的区别是,库是你去调用它的方法,而框架则是你在它的生命周期中写代码,让它调用你的代码。
react
算不算框架- 我认为算。。
- 但是面试官认为不算。。
- 写过
webpack
的loader
或者插件吗?- 没有。。。
- 你的服务器一般用来干嘛?
- 上面部署了一些好玩的,比如贴吧自动签到。
- 用来验证、学习新技术,我的个人博客,使用的就是https与http2.0。
- 看过什么书?
- 最近在看《JavaScript高级程序设计》、《node.js深入浅出》
- 还有什么问题要问我?
三面(VP面)
太顶了,大佬一进房间,我就觉得好猛,后来hr小姐姐告诉我,神策的VP,30岁登上福布斯。。
- 说一下你大学吧
- 大一用过Java做小游戏,做了坦克大战,解决一些碰撞检测问题。
- 做过
python
图像处理,使用svm
做机器学习,成功解决学校校园网登录验证码问题。 - 做过
WPF
、做过PHP
、做过自然语言处理、做过机器人、写过单片机。。。
- dict的底层实现是什么?
hashmap
- 然后说了一些
hashmap
的原理
- 有什么要问我的?
- 我说没问题。。前面都问完了。。
HR面
比较轻松吧,就聊天。
- 能来实习吗?
- 可以,公司配电脑吗?配MAC
- 之前面过什么?
- 滴滴,三面
- 如果工作中要有很多重复性工作,来消磨你的热情你怎么做?
- 我希望对同样的业务逻辑使用不同的写法,(hr:希望同事们不要打死你)
- 你好好考虑滴滴和我们。
- 好的
- 我们会在中秋节过后,给你发意向通知书,毕竟现在发了你也要等滴滴的通知。
- 好的
- 好好和朋友们商量一下
- 好的
- 聊了聊我在高中的往事