如何使用rem或viewport进行移动端适配
rem适配原理：
改变了一个元素在不同设备上占据的css像素的个数
rem适配的优缺点
优点：没有破坏完美视口 缺点：px值转换rem太过于复杂(下面我们使用less来解决这个问题) viewport适配的原理
viewport适配方案中，每一个元素在不同设备上占据的css像素的个数是一样的。但是css像素和物理像素的比例是不一样的，等比的
viewport适配的优缺点
在我们设计图上所量取的大小即为我们可以设置的像素大小，即所量即所设 缺点破坏完美视口 清除浮动的方式
添加额外标签 1 2 3 4 5
//添加额外标签并且添加clear属性
//也可以加一个br标签
父级添加overflow属性，或者设置高度
建立伪类选择器清除浮动
1
2
3
4
5
6
7
8
9
10
11
12
13
//在css中添加:after伪元素
.parent:after{
/* 设置添加子元素的内容是空 */
content: '';
/* 设置添加子元素为块级元素 */
display: block;
/* 设置添加的子元素的高度0 */
height: 0;
/* 设置添加子元素看不见 */
visibility: hidden;
/* 设置clear：both */
clear: both;
}
回到顶部
JS、TS、ES6
JS中的8种数据类型及区别
包括值类型(基本对象类型)和引用类型(复杂对象类型)
基本类型(值类型)： Number(数字),String(字符串),Boolean(布尔),Symbol(符号),null(空),undefined(未定义)在内存中占据固定大小，保存在栈内存中
引用类型(复杂数据类型)： Object(对象)、Function(函数)。其他还有Array(数组)、Date(日期)、RegExp(正则表达式)、特殊的基本包装类型(String、Number、Boolean) 以及单体内置对象(Global、Math)等 引用类型的值是对象 保存在堆内存中，栈内存存储的是对象的变量标识符以及对象在堆内存中的存储地址。
