首先吹爆字节面试官，人真的很好，很温柔的小哥哥。不会也不打击就说没关系的。

本人研一，自学的前端，没有实战项目，由于基础比较菜，答得很垃圾，希望各位小伙伴勿喷，回馈下一下社区。

1、自我介绍

2、使用css实现一个三角形

2、说一下flex布局

答：说出父容器、子容器构成及其属性代表什么

3、用flex做过什么嘛

答：好像用过一次三栏布局，试着写一下，写一半不会写了，跳过

4、用css实现单行截断字符串，最后以...结尾。

答：不会，直接跳过

5、代码输出结果：124，说一下具体流程

5、window.name = 'ByteDance';
function A () {
   this.name = 123;
}
A.prototype.getA = function(){
        console.log(this);
        return this.name + 1;
}
let a = new A();
let funcA = a.getA;
funcA();

6、输出打印顺序

async function async1() {
    console.log('async1 start');
    await async2();
    console.log('async1 end');
}


async function async2() {
    console.log('async2 start');
    return new Promise((resolve, reject) => {
        resolve();
        console.log('async2 promise');
    })
}


console.log('script start');


setTimeout(function() {
    console.log('setTimeout');
}, 0);  


async1();


new Promise(function(resolve) {
    console.log('promise1');
    resolve();
}).then(function() {
    console.log('promise2');
}).then(function() {
    console.log('promise3');
});


console.log('script e

面试官问：为什么promise1 在async2 promise 前端输出； script end 为什么在setTimeout之前输出。

7、实现promise.all