今天完成：

1、大致完成任务八

2、了解任务九

3、开始了解js

明天计划：

1、完成任务九

2、了解人物十

3、继续了解js

遇到的问题：

1、@media only screen and(max-width: 1000px){

因为and和“（”之间必须有空格，否则无效。

2

js报错： undefined

错用js数组$(“.arr”).style=…只能对数组中的元素进行操作

3．两个animation,对应开始结束，结束因为后期设置display:none,便试试能不能删除结束动画

animationFillMode、和keyframes都可以不写……。

但若不写animation，元素，如图所示，定位还会返回“”开始“结束的动画位置，注意这一点就好。

希望返回的位置如下图：

收获：

1、 CSS 设置链接样式

a:link {color: #FF0000}     /* 未访问的链接 */

a:visited {color: #00FF00}  /* 已访问的链接 */

a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */

a:active {color: #0000FF}   /* 被选择的链接 */

2、Css动画，通过设置width和textalign-center可以制造文字飞入效果

3、ECMAScript不是一门语言，而是一个标准。符合这个标准的比较常见的有：JavaScript

JavaScript基础分为三个部分：

•      ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

•      DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。

•      BOM：浏览器对象模型，操作浏览器部分功能的API。比如让浏览器自动滚动。

JS是以事件驱动为核心的一门语言。

事件的三要素：事件源、事件、事件驱动程序。

总结如下：

•      事件源：引发后续事件的html标签。

•      事件：js已经定义好了（见下图）。

•      事件驱动程序：对样式和html的操作。也就是DOM。

代码书写步骤如下：（重要）

·        （1）获取事件源：document.getElementById(“box”); // 类似于Android里面的findViewById

·        （2）绑定事件： 事件源box.事件onclick = function(){ 事件驱动程序 };

·        （3）书写事件驱动程序：关于DOM的操作。

4、prompt()语句中 ，不管输入什么内容，都是字符串。

alert和prompt的区别：

    alert("从前有座山");                //直接使用，不需要变量

var a = prompt("请输入一个数字");   // 必须用一个变量，来接收用户

5、parseInt()可以将字符串转数字。

parseInt()还具有以下特性：

（1）带有自动净化的功能；只保留字符串最开头的数字，后面的中文自动消失。例如：

    console.log(parseInt("2017年在公众号上写了6篇文章");

控制台输出：

    2017

（2）自动带有截断小数的功能：取整，不四舍五入。

6、typeof()表示“获取变量的类型”，语法为：

typeof 变量

7、==符号

==这个符号并不严谨，会将不同类型的东西，转为相同类型进行比较。例如：

    console.log("6" == 6);      //true

如果要保证完全等于，我们就要用三个等号===。例如：

==的反面是!=，===的反面是!==