今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

完成了任务一，了解了什么是DOM

HTML DOM 定义了访问和操作 HTML 文档的标准。

什么是 DOM？

DOM 是 Document Object Model（文档对象模型）的缩写。

DOM 是 W3C（万维网联盟）的标准。

DOM 定义了访问 HTML 和 XML 文档的标准：

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

DOM节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

节点父、子和同胞

节点树中的节点彼此拥有层级关系。

父（parent）、子（child）和同胞（sibling）等术语用于描述这些关系。

父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。

在节点树中，顶端节点被称为根（root）

每个节点都有父节点、除了根（它没有父节点）

一个节点可拥有任意数量的子同胞是拥有相同父节点的节点

 了解了洗牌算法：

1.洗牌算法是我们常见的随机问题，在玩游戏、随机排序时经常会碰到，本质是让一个数组内的元素随机排列。

2.洗牌算法是一种随机排序的算法，其排序思想是：

首先生成一个有序的数组，然后从数组中随机抽取两个元素交换位置，重复这个过程若干次，就变成了一个随机的数组。

代码：

var oneArray = [0,1,2,3,4,5,6,7,8];

console.log(oneArray);

Array.prototype.shuffle=function randomNum(){

    var a=oneArray;

    for(var i=a.length-1;i>=0;i--){

        var randomIndex=Math.floor(Math.random()*(i+1));

        var itemAtIndex=a[randomIndex];

        a[randomIndex]=a[i];

        a[i]=itemAtIndex;

    }

    return a;

};

了解了定时器

avascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。

定时器的写法：

setInterval(expression,milliseconds)；

setTimeout(expression,milliseconds)；

使用定时器的时候开始会无限刷新，且越来越快，是因为周期调用，自己调用自己，导致速度加快。

解决方法是使用清除定时器

clearInterval。

在随机颜色的代码上之前引用的代码有问题，导致随机经常出现只有一个或者两个的图片是因为随机数的颜色出现了问题。

后来改了一下使用下列代码就好了：

return '#'+(Math.random()*0xffffff<<0).toString(16)

明天计划的事情：（一定要写非常细致的内容） 

看js任务二
遇到的问题：（遇到什么困难，怎么解决的） 

暂无
收获：（通过今天的学习，学到了什么知识）

完成任务一代码链接如下