唯品会前端面经-2017年

一面：

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。