一、昨日回顾
1）css是什么?
样式层叠表
为网页添加样式，让网页更好的展示效果
2）为什么使用css？
是为了让网页独具吸引力
3）css引入方式分为？
行内式样式：在标签中写入
内嵌式样式：在head当中，用style来写
外链式样式：单独写成样式文件，用link引用
一般情况下：使用外链式，因为这样写可以让页面更加美观
4）css选择器
标签选择器
类选择器
id选择器
二.今日内容
1.JavaScript介绍
javascript（缩写：JS）是一门完备的动态编程语言，当应用于HTMLw文档时，可为网站提供动态交互性。
应用极为广泛，如：幻灯片，照片库，浮动布局以及响应按钮，复杂到游戏，2/3D动画，大型数据库驱动 等。
2.JavaScript的数据类型
python中的数据类型有：数字，字符串，元祖，字典，列表，集合，布尔
JavaScript中的常用数据类型有：字符串，object(对象),数组，数字
3.JavaScript使用
//使用let或者var声明变量
let x = '海上生明月' //作用域不同
//局部使用
var y = '天涯共此时' //全局4.JavaScript能够以不同的方式“显示”数据
5.字符串常用方法
1）字符串长度
<1>length判断字符串的长度
//判断字符串的长度
console.log(x.length)<2> index方法返回字符串中指定文本首次出现的索引
//查找字符的下标
console.log((x.indexOf('明月')));
//indexOf方法都接受作为检索起始位置的第二个参数
//从某个位置开始，查找明月
console.log((x.indexOf('明月',12)));<3>slice()提取字符串的某个部分在新字符串中返回被提分的部分
该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）
//从某个位置开始到某个位置结束，查找对应的字符 slice()
console.log(x.slice(6,13));<4>replace(),替换第一次匹配到的内容
//替换 replace()
console.log(x.replace('明月','mingyue'));<5>toLowerCase()将大写字母转为小写
//大写转小写
console.log((y.toLowerCase()));<6>toUpperCase()将小写字母转为大写
//小写转大写
console.log((yy.toUpperCase()));<7>concat()连接两个或者多个字符串
//用第一个字符.concat(要拼接的内容) 可以是多个字符串
console.log(y.concat('+',yy));<8>trim()删除字符串两端的空白符
// 去除两端的空格
console.log(y);
console.log(yy.trim());<9>split()将字符串转换为数组
// split 切片，按照一个规则，对字符串进行分割，分割成列表
console.log(x.split())6.数值类型
1.数值的处理方法
<1>toSteing()以字符串返回数值
所有数字方法可以用于任意类型的数字（字面量、变量或表达式）
//数值类型
let x = 12;
//typeof查看数据的类型
console.log(typeof x,x.toString(),typeofx.toString())<2>toFixed()返回字符串值，它包含了指定位数小数的数字
//toFixed()非常适合处理金钱
console.log(X.toFixed(2));<3>valueOf()以数值返回数值
console.log(x.valueOf())7.JavaScript方法可用于将变量转为数字
Number()方法
返回数字，由其参数转换而来
parseInt()方法
解析其参数并返回整数
parseFloat()方法
解析其参数并返回浮点数
8.JavaScript数组
数组用于在单一变量中存储多个值
数组是一种特殊的变量，它能够一次存放一个以上的值
创建数组文本是创建JavaScript最简单的方法
var cars = [
"Saab",
"Volvo",
"BMW"
];访问数组元素
通过引用索引号来引用某个数组元素
//使用这条语句访问cars中的首个元素的值
//列表
let y = ['car','bird','bike','bus','plane']
documet.querySelector('#demo01').innerHTML = y[3]在 JavaScript 中对数组使用 typeof 运算符会返回"object"
<1>获取数组的长度：aList.length
document.querySelector('#demo02').innerHTML = 'y数据的长度是：' + y.length<2>用下标操作数组中的数据
y.push('train')
document.querySelector('#demo04').innerHTML = y[y.indexOf('train')]<3>join()将数组成员通过一个分隔符合并成字符串
document.querySelector('#demo03').innerHTML = y.join('-')<4>push() 和 pop() 从数组最后增加成员或删除成员
document.querySelector('#demo04').innerHTML = y.pop()
document.querySelector('#demo04').innerHTML = y.pop()<5>unshift() 和shift() 从数组前面增加成员或删除成员
y.unshift('train') // 在前面添加元素
document.querySelector('#demo05').innerHTML = y[0]
y.shift()<6>reverse() 将数组反转
console.log(y.reverse())<7>indexOf() 返回数组中元素第一次出现的索引值
indexOf() 返回数组中元素第一次出现的索引值<8>splice() 在数组中增加或删除成员
console.log(y.splice(y.indexOf('bird'), 1))
console.log(y)9.JavaScript运算表达式
+，-，*，/，%
10.条件
if(条件) {
} else if (条件){
} else {
}
if(条件) {
}
if(条件) {
}
if(条件) {
}在页面中判断用户是否登录
// 当我接收后台数据成功以后，进行状态码的判断
// 以登录成功为例
if(result.data.code == 200) {
console.log('登录成功')
}else {
console.log('登录失败')
}11.for循环
用来循环遍历列表
语法1：
for(let i; i=0; i<list.lenght; i++) {
// i是索引
}
for(i in lists) {
// i是索引
}
lists.forEach(function (i) {
// i是对象
})
let x = ''
for (i in lists) {
console.log(i, lists[i])
x += lists[i]
}
document.getElementById('div01').innerHTML = x
let y = ''
lists.forEach(function (item) {
console.log(item)
y += item
})
document.getElementById('div02').innerHTML = y
