bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
历届学生/吴欣阳/每天课程/2021-06-10/index.html Normal file
View File

@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
// 变量：在计算机中存储一个可以被改变的数据
// 常量：在计算机中存储一个不可以被改变的数据
// 系统关键字
// var 变量名 = 变量值
// const 常量名 = 常量值
// 变量名（常量名） 定义的时候需要遵循一套规范
// 变量名（常量名）不可以用数字开头
// 变量名（常量名）不可以用特殊符号 ( _ $ )
// 变量名（常量名）区分大小写
// 变量名（常量名）定义的时候需要尽量遵守驼峰命名法
// 变量名 建议使用字母开头
// var a = 10, b = 20, c = 100;
// console.log(a);
// 留坑 数据类型
// 对象(Object)、数组(Array)、函数(Function)。
// 字符串（String）凡是用 "" '' 包裹的就是字符串，一般保存中文信息
// var a = "刘兵";
// console.log(a);
// 数字(Number)、 0 ~9 组成的就是数字类型
// var b = 2333
// console.log(b);
// 布尔(Boolean)、 真（true 1） 假（false 0），一般用于判断
// var c = false
// console.log(c);
// var d ;
// console.log(d);
// 对空（Null）、表示不存在，找不到的情况
// var e = null;
// console.log(e);
// 未定义（Undefined） 定义变量未赋值就是 Undefined
// var f = undefined;
// console.log(f);
// var ddd = Symbol(1);
// var ccc = Symbol(1)
// console.log(ddd == ccc);
// 运算符 + - * / %
// ++ 让变量自增1
// ++变量 先让变量+1，然后使用变量
// 变量++ 先使用变量，使用完成后再+1
// -- 让变量自减1
// var a = 1, b = 2, c = 3;
// console.log(
// (++a + (--a * c++) - false + (--c+a) ) + ( (b*a--) + a )
// );
// console.log(
// (--a + b - b-- + (b-- - (++a)) ) + (c-- + a++)
// );
// console.log(
// (--a + b - b-- + (b-- - (++a)) ) + (c-- + a++)
// );
// += -= *= /+ %=
// var a = "4", b = 4;
// console.log(a+=b); // a = a + b
// console.log( a === b);
// + 两个功能
// 数字运算 + 两边都是数字才可以运算
// 拼接字符串
// = 赋值
// == 判断变量数值是否相等
// === 强等于 绝对等于 判断变量数值是否相等 并且 判断变量的类型是否相等
// 比较运算符
// && and 条件表达式两边必须都为true才返回true，否则就是false
// || or 条件表达式两边只要有一个为tre，就返回true，
// ! 取反 对结果进行取反
// console.log(a != b);
// key: value
// object 可以存储任意的数据类型
// var a = new Object();
// a.name = "刘兵"
// a.age = 18
// a.isLike = false
// var a = new Object({
// name: '11',
// age: 18
// })
var a = {
name: '刘兵',
age: 18
}
for (const i in a) {
console.log(a[i]);
}
// object 一种数据类型，上面说过了，
// 还有一种是编程中的一种抽象概念 类似java中的 class
// 电脑
var diannao = {
price: '19800元',
color: '#000',
size: '15寸',
cpu: 'I7处理器',
start () {
console.log('可以开机');
},
stop () {
console.log('可以关机');
}
}
</script>
</html>

1
历届学生/吴欣阳/每天课程/2021-06-10/index.js Normal file
View File

@@ -0,0 +1 @@
console.log("输入2");

42
历届学生/吴欣阳/每天课程/2021-06-10/循环语句.html Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>循环语句</title>
</head>
<body>
</body>
<script>
// for for of for in foreach filter
// while
// var sum = 0
// for (var i = 1; i<=100; i++) {
// sum+=i
// }
// console.log(sum);
// for (;;) {
// console.log("1111");
// }
// while
// var sum = 0, i = 1;
// while (i <= 100) {
// sum+=i
// i++
// }
// console.log(sum);
// var a = 1;
// do {
// console.log("1111");
// } while (a > 3);
</script>
</html>

60
历届学生/吴欣阳/每天课程/2021-06-10/数组.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数组</title>
</head>
<body>
</body>
<script>
// 作用: 都是用来存储大量的数据
// object key-value 类似css
// {
// key: value
// }
// array 下标(编号,学号)
// [
// '刘兵','张三','李四'
// ]
// var a = new Array();
// a[0] = "刘兵"
// a[1] = "张三"
// a[2] = "李四"
// var a = new Array("刘兵","张三","李四");
// json 数据格式
// var a = [
// "刘兵",
// [1,2,3],
// "李四",
// {
// age: 1
// }
// ]
var data = [
{
id: 1, name: 'name1'
},
{
id: 2, name: 'name2'
},
{
id: 3, name: 'name3'
}
];
for (var i = 0; i< data.length; i++) {
console.log(data[i].name);
}
</script>
</html>

12
历届学生/吴欣阳/每天课程/2021-06-10/方法.html Normal file
View File

@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>

82
历届学生/吴欣阳/每天课程/2021-06-10/条件语句.html Normal file
View File

@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>条件语句</title>
</head>
<body>
</body>
<script>
// if (判断条件) {
// }
// var a = true;
// if (a) {
// console.log("出去吃饭");
// } else {
// console.log("在家吃饭");
// }
// if (a) console.log("出去吃饭");
// else console.log("在家吃饭");
// 三元(目)运算
// a ? console.log("出去吃饭") : console.log("在家吃饭")
// var cj = 99999;
// if ( cj < 60 ) {
// console.log("不及格");
// } else if ( 60 <= cj && cj <= 70 ) {
// console.log("一般");
// } else if ( 70 < cj && cj <= 80 ) {
// console.log("普通");
// } else if ( 80 < cj && cj <= 90 ) {
// console.log("优秀");
// } else if ( 90 < cj && cj <= 100 ) {
// console.log("学霸");
// } else {
// console.log("分数错误，最高100分");
// }
// var name = "bmy1", pwd = "123"
// if (name == "bmy") {
// if (pwd == "123") {
// console.log("用户名和密码都正确,可以登录");
// } else {
// console.log("密码错误");
// }
// } else {
// console.log("用户名错误");
// }
// if (name == "bmy" && pwd == "123") {
// console.log("用户名和密码都正确,可以登录");
// } else {
// console.log("用户名或密码错误,请检查");
// }
// switch 一个变量有多种数值的场景
var type = 1;
switch (type) {
case 1:
console.log("1111");
break;
case 2:
console.log("2222");
break;
default:
console.log("都不相等");
break;
}
</script>
</html>

19
历届学生/吴欣阳/每天课程/2021-06-10/笔记.txt Normal file
View File

@@ -0,0 +1,19 @@
html，css，js
js：主要用来操作html，css实现各种网页的特效交互或者功能
js
手机App，h5，web，桌面端，写后端，操作系统
js (es 5)
dom：使用js控制网页上的html和css
bom：使用js控制用户的浏览器
ecmscript 6 es6 高版本的js语法
预习:
1: JavaScript 事件 https://www.runoob.com/js/js-events.html
2: 方法 https://www.runoob.com/js/js-functions.html