唯品会前端面经
这段时间在牛客网得到了很多帮助,现在来回报了。
一面:
1.左侧固定,右侧自适应两栏布局(一直会问你除了这个有没有别的方法,最后说了四种才问下一题)
2.如果下面再来一个元素,怎么处理(分别对应上一题不浮动、浮动、绝对定位等等的情况)
3.清除浮动的方式 clear:both的含义
4.事件处理机制,W3c和IE的,怎么停止冒泡(没要求兼容)
5.事件***,怎么***,什么好处,答到判断e.target即可(同样没要求兼容)
6.闭包一般可以用在哪里,有什么好处
7.www(.vip.)com
怎么把括号里的字符串取出来。写了个正则,又问正则怎么创建(我写的是斜杠的),答斜杠或者字符串放进new RegExp() 又问加g和加i
代表什么
8.为什么离开上一家实习公司,ps到什么水平(我简历上写了擅长photoshop,没写应该不会问),会不会画矢量图
二面:
1. 原型 (大概说到对象__proto__和构造函数prototype的关系就差不多了,没有继续问继承)
2. position的几种值,相对谁定位,百分比以谁为参照
3. 封装一个用ul模拟的select控件。
4. 给我看了一个设计图,说说它哪里不合理
5.
又拿出一个上面设计图的改进版,问我这样改好不好,怎么好。其中原来的退出按钮换成了一个开关机的图标,就是一个圈上面一竖,面试官问我对这个改进有什么看法。我说这个改得不好,退出的文字还应该保留,1.因为用户对web页面上出现这个图标没有电脑机身上出现那么敏感,要一下子联想到这是退出的含义比较困难。2.光一个图标点击范围太小,容易被忽略,应该扩大成一个填充块。
6. 怎样可以成为一个好前端
7. 让你设计一个表单样式你会怎么设计(我说Bootstrap的表单样式就挺好的,他问我为什么觉得好)
8. 对布局有什么心得
三面就是和HR聊人生,果然有必问的“你觉得作为女生从事开发有什么优势”
总的感觉面试更注重视觉上的体验,产品和设计聊了许多,数据结构和计算机网络相关的一个都没问(难道因为我本专业是设计出身?)前端相关的问题还是比较基础的,hr也非常nice,不像知乎上说的那么不好。等待过程比较艰辛,大半个月过去,昨天收到了offer。