2022年前端面试题整理

178 阅读2分钟

前言

互联网行业已经卷到不行了,在不学习可能真要去公司门口摆摊卖炒粉了。

内容

1.CSS部分

【1】如何让谷歌浏览器支持小字体

.demo{
transform: scale(0.5);
-webkit-transform: scale(0.5);
}

【2】将元素居中

// 方法一
.parent{
display:flex;
}
.children{
margin:auto;
}

// 方法二
.parent{
display:flex;
align-items: center;
justify-content: center;
}

【3】padding与margin有什么不同?

作用对象不同。

padding:相对自身

margin:作用于外部对象

【4】vw与百分比有什么区别?

vw:根据屏幕大小

百分比:可继承,向上

【5】行内元素与块级元素

行内元素:不能设置宽高

块级元素:可以设置宽高,宽度继承父级

【6】说一下盒子模型

标准盒子模型和IE盒子模型,IE盒子模型包括padding,border。标准盒子模型不包括。

标准盒子模型:box-sizing:content-box;

IE盒子模型:box-sizing:border-box;

2.ES6部分

【1】构造函数同步执行

const promise = new Promise((resolve, reject)=>{
    console.log(1);
    resolve();
    console.log(2);
})
promise.then(()=>{
    console.log(3);
})
console.log(4);

// 结果:1,2,4,3

【2】var, let, const

var: 1.声明提升,2.变量覆盖,3.没有块级作用域

const: 1.声明之后必须赋值,2.定义常量,不可更改 3.声明不提升,变量不覆盖,有块级作用域

let: 声明不提升,变量不覆盖,有块级作用域

3.JS部分

【1】 null与undefined

console.log(typeof null) // Object,表示为“无” 0
console.log(typeof undefined) // undefined,表示“无”原始值 NaN

//undefined存在情况:
//1.已声明,未赋值
let o;
console.log(o);
//2.对象某个属性不存在
let obj = {};
console.log(obj.a)
//3.少了参数
function fn(a,b){
    console.log(a,b)
}
fn(4)
//4.函数的默认返回值
function abc(){
    console.log('1')
}
console.log(abc())

//null存在情况:
//1.手动释放内存
//2.作为函数的参数(此参数不是对象)
//3.原型链的顶端
let obj = {}
obj = null;

【2】

——————————————————————————————————————————

pie title 


"已学习区" : 10
"待开发区" : 80
"学习中区" : 10

——————————————————————————————————————————