2019.10.22红星美凯龙面试
10.16号电话接到面试通知,我给面试排到了10.22号十点钟。然后那边可能时间冲突,第二天特地短信通知,给我安排到了10.22的10:30。
面试那天十点十分到达。等待期间和另一位面试产品的小姐姐聊了回天,聊了很开心,她说她填完表格之后,已经等了半小时,她很着急,因为下午她还要回公司处理事情。然后小姐姐被叫走了,我的面试官刚好来,给我几张表和一套面试题,大概到了十一点钟,我的面试官把我叫走,开始了正式的面试。
首先就是自我介绍,自我介绍的内容面试之前准备了一下,所以自我介绍的时候很轻松,也没有紧张,很自然的聊天。
我的自我介绍内容大致就是基本信息的介绍(姓名,学校,专业,家乡)、前公司的主要负责内容、业余时间的安排、近期职业规划,以及性格爱好,差不多这么多。
前面巴拉巴拉很多,只是想让大家熟悉一下流程,下面重点来了,拿好小本本记录下吧。
1.你来说下前端路由的原理吧,不使用别人框架提供的路由
我:”两个模式 hash 和 history,hash就是url里面显示的#号
history是用pushState和replaceState来操作。“
面试官:“嗯,还有吗?”
我:“差不多这些吧,具体我忘记了,我回去再了解了解”
面试官:“嗯,那你用原生实现一下吧,不用框架提供的方法”
我:(内心:我刚刚不都说了吗,那两个方法,都是具体不知道了,还问啊啊)“嗯,hash的话是当hash改变的话就会触发一个回调吧,来实现跳转,history的话就是刚刚提到的pushState和replaceState”
面试官:“你能写出来吗”
我:“我不太会,哈哈哈”
面试官:“哈哈哈”
...
so 这道题算我没打出来,第一道题就不顺利。
这篇文章写的不错大家可以看下 https://www.jb51.net/article/143009.htm
2.如何保持浮层水平垂直居中
这道题我是用flex布局写的
我:“display:flex;just-content:center;align-items:center;just-content水平对齐方式,aligin-items垂直对齐方式。”
我想着这道题应该没什么问题了吧,一般我都是用flex布局,我很熟悉的!
以为这样就结束了,想得美 emmm 我真的太年轻了
面试官:“一般均分,三块的话怎么做”
我:''都给个flex:1;“
面试官:“我想给个固定的值200px呢”
我:"??? 那直接width:200px 不就好了吗" 可能是我们get到面试官的问题
面试官:“flex有几个参数你知道吗”
我:“我有点记不清了,没这样写过”
面试官准备过了这一道题,然后我直接反问的说,你帮我解释解释那个呗,
面试官:”嗯好的,flex的默认值是三个,(他在纸上写了flex:1 1 200px;)"
其实我还是没太懂,因为我也没这样用过,描述不清楚也请大家见谅。
so 这道题我也算凉了!!!
3.请说出函数节流和函数防抖的区别,并写方法实现它
这道题我之前看过,口述了一下方法,差不多过了,面试官这道题没有深问。
4.box-sizing的作用
这道题也没什么,很常见
5.
const OBJ = {"a":1,"b":2}; OBJ.a =3; consloe.log(obj.a);