1.JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?

JavaScript语言的每一个值，都属于某一种数据类型。JavaScript的数据类型，共有六种。

1. 数值（number）：整数和小数（比如1和3.14）
2. 字符串（string）：字符组成的文本（比如”Hello World”）
3. 布尔值（boolean）：true（真）和false（假）两个特定值
4. undefined：表示“未定义”或不存在，即此处目前没有任何值
5. null：表示空缺，即此处应该有一个值，但目前为空
6. 对象（object）：各种值组成的集合
7. symbol:一个symbol值能作为对象属性的标识符；这是该数据类型仅有的目的。

数据类型分类

JavaScript语言的每一个值，都属于某一种数据类型。JavaScript的数据类型，共有六种。

1. 数值（number）：整数和小数（比如1和3.14）
2. 字符串（string）：字符组成的文本（比如”Hello World”）
3. 布尔值（boolean）：true（真）和false（假）两个特定值
4. undefined：表示“未定义”或不存在，即此处目前没有任何值
5. null：表示空缺，即此处应该有一个值，但目前为空
6. 对象（object）：各种值组成的集合

javascript

javascript !== java

是客户端脚本语言
ECMAScript, DOM, BOM, NodeJS

过渡和动画

过渡

在CSS3引入transition之前css没有时间轴，所有的状态变化都是瞬间完成

写出如下 CSS3效果的简单事例

demo

1. 圆角， 圆形
2. div 阴影
3. 2D 转换：放大、缩小、偏移、旋转
4. 3D 转换：移动、旋转
5. 背景色渐变
6. 过渡效果
7. 动画

#小技巧

CSS实现垂直居中的N种方法

语义化

1. 语义化标签优先
2. 基于功能命名、基于内容命名、基于表现命名
3. 简略、明了、无后患

为什么会有浏览器兼容问题

1. 同一产品，版本越老 bug 越多
2. 同一产品，版本越新，功能越多
3. 不同产品，不同标准，不同实现方式

什么是布局

现有样式不能满足人们的需求

1. 文档流
2. 浮动
3. 定位