前端知识

64 阅读1分钟

前端知识****

1. 响应式布局通过什么实现:最常用的方法使flex布局,还可以通过媒体查询、使用百分比、rem作为单位,grid、栅格布局等来实现。

2. 对flex布局的理解:

(1) flex布局首先会想到两个轴线,主轴和交叉轴,可以通过flex-direction控制主轴,而交叉轴垂直于主轴。

(2) 定义display:flex的元素,其子元素可以定义flex元素,该元素主要是由3个元素组成,flex-grow(放大比例),flex-shrink(缩小比例),flex-basis(基本长度)

(3) 设置flex:1时,实际是将flex-grow定义为1

3. 使用百分比作为单位时会有什么问题:百分比都是以父元素的宽高值作为参照物

4. rem和em的区别:

(1) em是基于当前的父元素的font-size属性的比例来取值的,如果父元素没有定义该属性,则继续往上查找,直至根节点。

(2) rem是基于body标签的fint-size属性比例来取值的。

5. 什么是MVVM、MVC模型:

(1) MVC是项目的一种分层架构思想,它把复杂的业务逻辑,抽离为职能单一的小模块,每个模块看似相互独立,其实又各自又相互依赖的关系。它的好处是:保证了模块的智能单一性,方便程序的开发、维护、耦合度低。

(2) MVVM是一种双向数据绑定的模式,用viewModel来建立起model数据层和view视图层的连接,数据改变会影响视图,视图改变会影响数据。