前端面试题总结

flex:1的使用场景。

• 父元素有宽度，想让子元素的宽度都相同。

.parent{
	width:300px;
	display:flex;
}
.parent div{
	flex:1;
}

• vue项目中左右布局时，左边菜单需宽度固定，右边内容展示宽度不固定。

.parent{
	width:1200px;
	display:flex;
}
.left{
	width:200px;
}
.right{
	flex:1;   /*设置成flex:1时右边的宽度就是parent-left的宽度*/
}

什么时候使用插槽？？

commonjs 和 es6的module哪个支持异步？它们的区别是什么？

es6的module支持异步加载，commonjs是同步加载。因为根据es2020提案的import()可以支持异步加载。s6的设计思想是尽量的静态化，在编译时就确定模块的依赖关系。而commonjs和AMD是运行时才能确定模块的依赖关系。