前端面试基础题

125 阅读1分钟

css部分

1、给按钮添加阴影,颜色为黑色,不透明度20,x轴、y轴都为0;

2、rem、em、px的区别;

3、实现一个左右移动的动画,值可以自己定;

4、iPhone x以上手机底部都会有一段留白,怎么处理?

padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);

5、手机端0.5px边框的处理,写一个0.5px的border;

6、单行文本省略号处理样式;

js部分

1、查找数组一个元素,将该元素往前移动一个位置;

2、求数组的和,例如[1,2,3,....19];

3、自定义一个数字类型的数组,该数组元素的值都翻倍;

4、扁平化一个数组并去重,返回一个不重复升序的数组;

5、js查找字符串出现次数最多的字母/数字?

6、以下代码的运行结果:

for(var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1)
}
for(let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1)
}
new Promise((resolve, reject) => {
    console.log(1);
    resolve();
    console.log(2);
}).then((res) => {
    console.log(3)
}
console.log(4);
var out = 25,
    inner = {
        out: 20,
        func: function() {
            var out = 30;
            return this.out
        }
}
console.log((inner.func, inner.func)());
console.log(inner.func());
console.log((inner.func)());
console.log((inner.func = inner.func)());