字节一面(67min）
自我介绍，项目，说一个项目中的难点。
1.
<div class="parent">
<div class="child1">child1 content</div>
<div class="child2">child2 content</div>
<div class="child3">child3 content</div>
</div>
.child2{
transform:translateY(200)
} 说一下这三个div的布局 2.BFC相关
3.动画？补间动画实现
4.用css画一个扇形？
5.盒模型？
6.
let el = document.getElementById('app');
el.style.width = (el.offsetWidth+1) + 'px';
el.style.width = 1 + 'px'
触发了几次回流几次重绘 7.
var name = 'World!';
(function () {
if (typeof name === 'undefined') {
var name = 'Jack';
console.log('Goodbye ' + name);
} else {
console.log('Hello ' + name);
}
})(); 输出，为什么，有几个作用域 8.
function Foo() {}
let a = Foo.prototype;
let b = Object.getPrototypeOf(new Foo());
let c = Object.getPrototypeOf(Foo);
console.log(a === b);
console.log(a === c); 输出，为什么，new做了什么 9.
let name = 'global';
function getName() {
name = 'local';
return function() {
console.log(this);
return name;
}
}
let getPrivate = getName();
console.log(name);
console.log(getPrivate()); 输出，为什么 10.为什么要有垃圾回收机制？
11.
process.nextTick(() => {
console.log('nextTick')
})
Promise.resolve().then(()=> {
console.log('promise1');
}).then(()=> {
console.log('promise2');
});
setImmediate(() => {
console.log('setImmediate')
})
console.log('end') 输出，为什么 12.async/await了解吗，怎么实现的，他是属于什么任务队列
13.
css href
js src
href与src有何不同 14.A网站登录，B,C网站也有可以直接登录。答（cookie，设置domain为三个网页的顶级域名）。追问，如果是a.com,b.com,c.com怎么办呢
15.
编程题
编程题
class Scheduler {
add(promiseCreator) { ... }
// ...
}
const timeout = (time) => new Promise(resolve => {
setTimeout(resolve, time)
})
const scheduler = new Scheduler()
const addTask = (time, order) => {
scheduler.add(() => timeout(time))
.then(() => console.log(order))
}
addTask(1000, '1')
addTask(500, '2')
addTask(300, '3')
addTask(400, '4')// output: 2 3 1 4
// 一开始，1、2两个任务进入队列
// 500ms时，2完成，输出2，任务3进队
// 800ms时，3完成，输出3，任务4进队
// 1000ms时，1完成，输出1
// 1200ms时，4完成，输出4 完成Scheduler类，实现如下功能，写了十几分钟总算有了思路，但时间也到了，跟面试官说了下思路。 答上来百分之六七十吧，不知道能不能过，在实习中实在没时间准备，希望挂了的话，不要影响秋招。
全部评论
(1) 回帖