今天完成的事情

        1.昨天请假忙了一天，中午才开始继续任务。下午主要弄了小课堂。磕磕绊绊弄到了比较晚的时间。想弄完小课堂的原因也是比较赶。因为准备复盘的队伍很少，目前只有一个后端于23日评审。等下一个后端又需一个多月。所以想快速弄完任务。

        2.深度思考

‍‍定时器有哪些用法？‍‍

自己的答案：

        经过任务1的了解，定时器应该有两种。setTimeout和setInterval。setTimeout定时执行事件，setInterval定时重复执行事件，任务1中使用的就是setInterval。

百度的答案

在js语言中，有两种定时器。setTimeout()和setInterval()。有了定时器，我们可以实现很多效果。

一次性定时器(setTimeout())：仅在指定的时间后触发一次

定期定时器（setInterval())：定期触发

语法：

setTimeout(要执行的函数，时间)，时间的单位是毫秒。

setInterval(要执行的函数，时间)，时间的单位是毫秒。

常见问题

在按钮中使用定时器时，多次点击按钮，定时器的执行时间会变短。

解决方案

使用clearInterval()或 clearTimeout() 清除定时器

学习百度答案知识点后自己的理解：

定时器种类和自己想的一样。用法也是差不多，只是没那么全面。在查询中发现setInterval定时器有BUG，自己去试了试任务1多点了几次“开始闪”按钮，果然点得越多，闪得越快。其实从逻辑上来想也算不上BUG，因为setInterval定时器设置了1秒重复执行事件（假设）,多点“开始闪”按钮就会产生多个1秒重复执行事件。所以就会越来越快。这看似bug的问题怎么解决呢，解决方案是使用clearInterval()或 clearTimeout() 清除定时器。不过在任务1中自己还不知道应该放在那一行。233333，先继续其他的深度思

ID和Class有什么区别？

自己的答案：

        ID和class的第一次认识是在css任务中，相比来说是认识最早的了，在css任务中最常用到的是class，ID使用次数不到两个巴掌。但对其也有一定的理解。ID类似与钥匙与锁，一个div里只能有一个id。则class不然，类似与公用的，敲写了样式之后，在html中有符合的地方都是可以使用。可能还没理解到ID的好处吧，所以才用得少。

百度的答案

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线，你可以通过CSS， javascript等来使用这个类。因此你可以在一个页面上使用"Gandalf"，来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class。

      至于 ID，通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布 局时（比如说通常一个页面都是由一个页眉，一个报头< masthead>，一个内容区域和一个页脚等组成），一般使用ID比较理想，因为一个ID在一个文档中只能被使用 一次。而这些元素在同一页面中很少会出现大于一次的情况。

      id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

var demo = document.getElementById('ID名称');

var demo = document.getElementsByClassName('类名称');

class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名

id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称

class可以重复，id是唯一的

ID和CLASS的优先级

通过继承来的属性id的优先级高于class

一个元素同时应用多个class，后定义的优先（即近者优先），加上!important者最优先！

学习百度答案知识点后自己的理解：

        大致相同，新知道知识点：ID和CLASS有优先级，通过继承来的属性id的优先级高于class。

F12Console的用法，以及如何Debug程序

自己的答案

       F12Console的用法在css任务中也涉及了，只不过用法没有JS中的那么多，在css中常用来查看页面效果，增减css属性调试样式效果。在JS中F12检查BUG应该涉及到了断点调试以及console.log(***)调试，此方法让我在任务1中很容易找到BUG，别的方法暂时不知。

百度的答案

        console的常见用法

console.log 用于输出普通信息

 console.info 用于输出提示性信息

console.error用于输出错误信息

console.warn用于输出警示信息

学习百度答案知识点后自己的理解：

        额。。没想到console的使用方法还有那么多，需要去理解每一用法的意义，并且在以后的JS任务中应该会涉及。

        3.任务6-10的修改与完善。

其实说是完善也没改动代码多少。更多的是去了解element。element不单单直接套用就好，有时候为了拓展需求，还是去了解原生的代码，把能实现的代码加入到element中。

‍‍‍‍

明天计划的事情

        完善任务6-10  

遇到的困难

        1.element 组件的一些扩展运用，比如表单验证给了一些基础的验证规则，但是很多时候不满足需求， 嵌套验证(联动验证)、图片上传验证(手动触发部分验证方法)，等等。

收获

        以前一些细节的收获，比如之前的知识点看过之后都是抽象的理解。