知识点(三）

一、css垂直居中

二、js常用数据类型

引用类型：object基础类型、Array类型、Date类型、RegExp类型、Function类型

对象在JS中称为引用类型的值。函数实际上是Function类型的实例，因此函数也是对象。

基本包装类型：Boolean、Number、String。

单体内置对象：Global对象(1、URI编码：encodeURI()-------不对特殊字符编码、encodeURIComponent()--------对任何非标准字符编码2、解析器eval())

Math对象（1、min() max() 2、Math.ceil(向上)、Math.floor(向下)、Math.round(标准)3、Math.random(大于等于0小于1的一个随机数)）

三、async和await

在async/await之前，我们有三种方式写异步代码 1嵌套回调 2以Promise为主的链式回调3使用Generators

1. async/await更加语义化，async 是“异步”的简写，async function 用于申明一个 function 是异步的；await，可以认为是async wait的简写，用于等待一个异步方法执行完成；
2. async/await是一个用同步思维解决异步问题的方案（等结果出来之后，代码才会继续往下执行）
3. 可以通过多层 async function 的同步写法代替传统的callback嵌套
  
  async function语法
  - 自动将常规函数转换成Promise，返回值也是一个Promise对象
  - 只有async函数内部的异步操作执行完，才会执行then方法指定的回调函数
  - 异步函数内部可以使用await

await语法

await 放置在Promise调用之前，await 强制后面点代码等待，直到Promise对象resolve，得到resolve的值作为await表达式的运算结果
await只能在async函数内部使用,用在普通函数里就会报错

四、null 和undefine的区别

null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。

undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。

null 和 undefined 都表示“值的空缺”，

undefined是表示系统级的、出乎意料的或类似错误的值的空缺，

而null是表示程序级的、正常的或在意料之中的值的空缺。

五、CSS3做动画

@keyframes animation transition transform

translate()
rotate()
scale()
skew()
matrix()

@-webkit-keyframes myfirst /* Safari 与 Chrome */ { from {background: red;} to {background: yellow;} }

媒体查询

@media screen and (min- 480px) {
    body {
         margin: 0px; padding: 0px; color: rgb(170, 17, 17); font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; font-size: 13.199999809265137px;"> lightgreen;
    }

}

六、canvas

1、var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

2、画矩形

ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);//在画布上绘制 150x75 的矩形，从左上角开始 (0,0)。

3、画线

ctx.moveTo(0,0); ctx.lineTo(200,100); ctx.stroke();

4、画圆

ctx.beginPath(); ctx.arc(95,50,40,0,2*Math.PI); ctx.stroke();

5、文本

ctx.font="30px Arial"; ctx.fillText("Hello World",10,50);

6、渐变

// 创建渐变

var grd=ctx.createLinearGradient(0,0,200,0);

grd.addColorStop(0,"red"); grd.addColorStop(1,"white");

// 填充渐变 ctx.fillStyle=grd; ctx.fillRect(10,10,150,80);

7、图片放到画布上

var img=document.getElementById("scream");

ctx.drawImage(img,10,10);

七、指针绑定

call和apply的区别在于call的第二个参数可以是任意类型，而apply的第二个参数必须是数组或者arguments

call、apply、bind 都是用来修改函数中的this，传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined。bind是改变this后返回一个新的函数，他不会立即执行。
call、apply、bind 是Function.prototype下__proto__的方法，作用是执行一下目标函数，执行时顺便把目标函数中的this改一下，然后把结果输出，执行后，不会影响原函数！

知识点(三）

async function语法

await语法