第二周（9.23-9.29）学习笔记 24软工陈奕君

学习收获：

1.完成了哔哩哔哩网站的制作，学习并使用了JS为网站添加了轮播图等功能

2.学习安装了Github环境并将制作网站修改代码的过程上传，记录自己的学习

学习笔记：

transform:可以旋转、缩放、倾斜或平移给定元素

透明度：opacity

//实现渐变效果

linear-gradient() CSS 函数创建一个由两种或多种颜色沿一条直线进行线性过渡的图像， to top、to bottom、to left 和 to right 分别等价于 0deg、180deg、270deg 和 90deg。其余值会被转换为角度。

/* 从下到上，从蓝色开始渐变，到高度 40% 位置是绿色渐变开始，最后以红色结束 */

linear-gradient(0deg, blue, green 40%, red);

@media (max-width: px)//响应式布局

js:

alert：警告框

console.log:控制台

数组：

arr.length:数组长度

arr.push(num）：在数组的末尾添加num

arr.unshift(num）：在数组的开头添加num

arr.forEach:遍历整个数组

DOM:

document.getElementById(id):元素 id 来查找元素。

document.getElementsByTagName(name):标签名来查找元素。

document.getElementsByClassName(name):类名来查找元素。

document.querySelector(CSS选择器):CSS选择器选择一个元素。

document.querySelectorAll(CSS选择器):CSS选择器选择多个元素。

事件：

onclick:鼠标点击

定时器：

setTimeout:延时定时器，延时几秒输出一次

setInterval：间隔定时器，间隔几秒输出一次

clearInterval:间隔几秒清除定时器