搜狐前端面经
没想到这次面试时被css捶到了。复习时不怎么重视css，就去年暑假学css的时候那点印象硬撑。┭┮﹏┭┮css基础好薄弱的感觉
1.css选择器优先级，说到伪类和伪元素选择器这俩名词时我有点犹豫，面试官就问这俩有啥区别，各自举例都有什么。然后让判断下面这个写法哪些对：
div:after
div::after
div:first-child
div::first-child
2.position的值，我说了四个，问我还有吗，见过position：sticky呢？还问了默认的static又是咋定位的。又出了一道题：
问 fixed类所在的div元素 的位置在哪里？
div:after
div::after
div:first-child
div::first-child
2.position的值，我说了四个，问我还有吗，见过position：sticky呢？还问了默认的static又是咋定位的。又出了一道题：
问 fixed类所在的div元素 的位置在哪里？
<body>
<div class="top"></div>
<div class="middle">
<div class="fixed"></div>
</div>
<div class="bottom"></div>
</body>
<style>
.top,
.middle,
.bottom {
position：relative;
background: lightblue;
height: 200px;
}
.middle {
background: yellow;
}
.bottom {
background: pink;
}
.fixed {
width: 100px;
height: 100px;
position: fixed;
background: red;
}
</style>
3.垂直水平居中的方法，三种，除了flex剩下那俩没说完整，问inline元素怎么设置居中呢，多说几种
4.px,em,rem区别，追问em设在字号上和设在div的宽高上有什么区别
5.问我项目里的ElementUI，关于css的，没有回答出来，以至于问的啥我也想不起来了，哭
6.问我项目用的预处理器是LESS还是SASS，SASS和CSS有什么区别，列举我写的sass语法的样式，就用到嵌套了其余和css都一样我根本没想起来
7.问我项目里服务器字体用什么属性做的，记得过程大概描述了一下，但具体属性真想不起来，去年的项目
8.问我项目用了什么动画，答的不是很满意，年代久远的项目确实要好好复习
9.问了transform都有什么值，都怎么设置，脑子里就x,y具体又不会了
10.结构性伪类元素
js问的比较少：
1.ES6新特性
2.let,const可以声明提升吗？出了一题：讲给他
setTimeout(() => console.log('1', a));
new Promise(resolve => resolve()).then(() => console.log('2', a));
console.log('3', a);
var a = '哈哈'
console.log('4', a);
function a() {};
3.promise问了基础，状态啥的，问可不可以用promise封装一个setInterval
4.箭头函数
5.nodejs
还有一道编程题：
如图用 原生javascript/jQuery 和css实现一个如图所示的九九乘法表
要求，每个格子宽度100px，高度30px，肉眼所见线条宽度为1px（注意border重叠）
可能还有遗漏的问题，上来连篇得css答得不好，除了多次报以尴尬答的微笑，导致也没问啥问题。刚刚一看简历，发现很多是照着我的那个去年的项目问的。得好好看看简历写了啥。
春招的机会越来越少了，好心疼这次。
ps.面试官小哥哥那边总是有点听不清，我上来就直愣愣说，感觉你声音怎么有点虚呀，对不住了……
挺好一面试官，挺菜一面试选手
好可爱的词语
快手一面169人在聊
投递小米集团等公司7个岗位 >