css task7 任务总结

成果链接：https://ruanshaofan.github.io/Test01/html/html7-1.html

官方脑图：

个人脑图：

任务总结：

1.学习了一些基础的bootstrap框架，如何创建下拉菜单。

2.纯使用css创建三角形和圆点，

3.通过使用RGBA和opacity实现页面的透明化。

4.通过学习<audio>标签及其属性，为页面添加音频播放功能，通过使用dispiay：none属性隐藏音频文件

今天完成的事：

理论知识学习：

一.数组对象

作用：使用单独的变量名来存储一系列的值。

JavaScript中创建数组有两种方式

（一）使用 Array 构造函数：

var arr1 = new Array(); //创建一个空数组

var arr2 = new Array(20); // 创建一个包含20项的数组

var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组

（二）使用数组字面量表示法：

var arr4 = [  ]; //创建一个空数组

var arr5 = [20]; // 创建一个包含1项的数组

var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组

1、什么是数组

数组就是一组数据的集合

其表现形式就是内存中的一段连续的内存地址

数组名称其实就是连续内存地址的首地址

2、关于js中的数组特点

数组定义时无需指定数据类型

数组定义时可以无需指定数组长度

数组可以存储任何数据类型的数据（比如说一个元素保存整型，一个元素保存字符串型，这个在JS中是可以的）

创建数组的语法：

var arr=[值1,值2,值3];                     //隐式创建

var arr=new Array(值1,值2,值3);      //直接实例化

var array=new Array(size);           //创建数组并指定长度

JS中符号含义：

()表示函数执行

[]表示语法模拟，表示模拟Array类的实例（=new Array()）

{}表示语法模拟，表示模拟Object类的实例（=new Object()）

//表示语法模拟（正则对象），表示模拟RegExp类的实例（=new RegExp()）

JavaScript 计时事件

在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

使用计时事件的两个关键方法是:

•          setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
•          setTimeout() -  在指定的毫秒数后执行指定代码。

setInterval() 方法：setInterval() 间隔指定的毫秒数不停地执行指定的代码

语法：setInterval("javascript function",milliseconds);

         setInterval() 第一个参数是函数（function）。

           第二个参数间隔的毫秒数（1000毫秒是一秒）

如何停止执行?

         clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

语法：clearInterval(intervalVariable)

要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量：

然后可以使用clearInterval() 方法来停止执行。

setTimeout() 方法

语法：myVar= setTimeout("javascript function", milliseconds);

setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 myVar 的变量中。假如你希望取消这个setTimeout()，你可以使用这个变量名来指定它。setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。

clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。

       语法： clearTimeout(timeoutVariable)

要使用clearTimeout() 方法, 必须在创建超时方法中（setTimeout）使用全局变量:

      myVar=setTimeout("javascript function",milliseconds);

明天计划的事：学习JavaScript的一些基本语法，以及如何应用。

遇到的问题：对于js的一些数据类型，语法不理解，抓瞎...  不知道该从哪儿下手。

收获：好像没啥收获... ...