cgb2109-day10
文章目录
一,Git
–1,概述
常见命令,在本地仓库执行!!! :
add: 添加, 把即将上传的资源从工作空间添加到本地索引
commit: 提交, 把本地索引的资源 提交给本地仓库
push: 推送, 把本地仓库的资源 上传到远程仓库
clone: 下载, 把远程仓库的资源 下载到你电脑上
–2,准备工作
安装Git(下一步下一步就行了)
去码云注册账号(记住账号密码,并激活邮箱)
–3,Git日常操作
1,远程仓库:
需要登录Gitee网站,在网站上创建仓库(右上角的加号–新建仓库–输入仓库名字选成开源–创建)
2,第一次上传::::
在本地仓库要执行Git命令(除了touch命令不用执行)
git config --global user.name "cgblpx" #配置了全局注册的账号
git config --global user.email "[email protected]" #配置了全局注册的邮箱
mkdir cgb2109 #在本地仓库中创建文件夹
cd cgb2109 #进入指定的文件夹
git init #初始化了git环境
在本地仓库中自己创建文件1.txt #即将上传这个资源
git add . # 添加即将上传的全部资源(资源的名字)
git commit -m "first commit" #把即将上传的资源提交到本地仓库
git remote add origin https://gitee.com/你的账号/你的仓库名.git #把本地仓库和远程仓库挂载
git push -u origin master #把资源从本地仓库上传到远程仓库
第一次上传必须输入账号密码!
成功后的提示:
Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Writing objects: 100% (3/3), 206 bytes | 103.00 KiB/s, done.
3,下载::::
直接从Gitee网站下载压缩包,或者使用clone命令来下载
#把指定账号的指定仓库的资源下载到你的电脑里
E:workspacegiteecgb201901>git clone https://gitee.com/cgblpx/cgb201901.git
4,不是第一次上传::::
在本地仓库要执行Git命令(除了touch命令不用执行)
git add . # 添加即将上传的全部资源(资源的名字)
git commit -m "first commit" #把即将上传的资源提交到本地仓库
git push -u origin master #把资源从本地仓库上传到远程仓库
二,Javascript
–1,概述
简称是js,是一种脚本语言,只能在浏览器中执行
特点:
直译式,不需要编译的过程.
js是一种弱类型的语言,用来提高网页与用户的交互性
事件驱动: 指JS代码以什么方式来触发执行
基于对象: JS也有类似于OOP的思想,可以自己new对象
脚本语言: 只能在特定场景执行的语言,JS只能在浏览器来执行
JS的出现的位置:
行内JS,内部JS,外部JS
–2,入门案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js的入门案例</title>
<!-- js可以让网页动起来,基于对象,事件驱动,脚本语言 -->
<!-- 2.js代码可以出现的位置:内部JS -->
<script>
alert(100);
</script>
</head>
<body>
<!-- 1.js代码可以出现的位置:行内JS -->
<!-- 事件驱动: js代码什么方式会被触发执行-->
<!-- 点击时弹框 -->
<div onclick="alert('您点击了一个div元素')">我是div1</div>
<!-- 鼠标路过时弹框 -->
<div onmouseenter="alert('您路过了一个div元素')">我是div2</div>
<!-- 双击时弹框 -->
<div ondblclick="alert('您双击了一个div元素')">我是div3</div>
</body>
</html>
三,JS语法
–1,数据类型和变量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 数据类型</title>
<script>
//2,变量: 变量类型 变量名=变量值
var b = 10;//number
b = 20; //number
b = 1.6;//number
b = true;//boolean
alert(b);//true
//练习:交换变量的值(首尾相连)
var c = 10;
var d = 20;
var e = c;
c = d;
d = e;
alert(c+","+d)//20,10
//1,数据类型:number string boolean null undefined
//+两个作用:加法运算 和 拼接字符串
alert(2.4+3.6);//结果是number类型的,6
//在js中,字符串可以用单引号或者双引号引起来
alert("10");
alert('你好');//单引号也可以表示字符串
alert("10"+10);//1010
alert("10"+10+20);//101020
alert(10+20+"10");//3010
//boolean类型
alert(false);
alert(true);
alert(null);
alert(undefined);//未被定义
var a ; alert(a);//undefined
</script>
</head>
<body>
</body>
</html>
–2,运算符
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js的运算符</title>
<script>
//TODO java的面试题:a=a+1; a+=1的区别???
//5,运算符typeof:用来获取数据的类型
//alert弹出框
//输出结果到控制台,f12找到浏览器里的控制台
console.log(100);
console.log(typeof 100);//输出100的类型,number
console.log(typeof "100");//输出100的类型,string
console.log(typeof "100"+100);//输出100的类型拼接100数字,string100
//4,三元运算符: 求两个数里的大值
var e = 10;
var f =5;
var g = e > f ? e : f ;//记录大的值
alert(g);
//3,比较运算符,描述的成立就是true,不成立就是false
alert(1!=="1");//true
alert(1==1);//true
alert(1=="1");//true,==只比值
alert(1==="1");//false,===比类型和值
alert(1===1);//true,类型和值都是一样的
//2,复合赋值运算符 %=
var d = 10;
alert(d%=3);//1
// d %= 3 相当于: d = d % 3;
//1,算术运算符 / % ++ --
alert(5/2);//2.5,js是弱类型的语言
alert(5%2);//取余数,1
var a=10;
var b=10;
var c = a+++b;//++优先级高于+,所以先结合的是a++然后再+b
alert(c);//20
// alert(a++);//10
// alert(++b);//11
a = a++;//把a++的结果交给a保存
alert(a);//10
b = ++b;//把++b的结果交给b保存
alert(b);//11
</script>
</head>
<body>
</body>
</html>
四,JS语句
–1,分支结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js的语句</title>
<script>
//2.switch...case
//根据用户指定的值,提示今天是星期几
var day = prompt('请输入数据:') ;
console.log(typeof day);//浏览器收到的都是string
switch(day){
//break结束循环,结束case的结构
case '1' :console.log("今天是星期一");break;
case "2" :console.log("今天是星期二");break;
case "3" :console.log("今天是星期三");break;
case "4" :console.log("今天是星期四");break;
case "5" :console.log("今天是星期五");break;
case "6" :console.log("今天是星期六");break;
case "7" :console.log("今天是星期日");break;
}
//1.if...else
var a = 3;
//===要求类型和值都一样才是true
if(a==="3"){//false
console.log('ok');
}else{
console.log('no ok');
}
//练习:判断成绩，判断成绩所属的等级
// 80~100(包括80，也包括100) 优秀
// 60~80(包括60，但不包括80) 中等
// 0~60(包括0，但不包括60) 不及格
// 其他值 输入有误
var b = 98;
if(b>=80 && b<=100){
console.log("优秀");
}else if(b>=60 && b<80){
console.log("中等");
}else if(b>=0 && b<60){
console.log("不及格");
}else{
console.log("输入有误")
}
</script>
</head>
<body>
</body>
</html>
–2,循环结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js的循环语句</title>
<script>
//2,while循环 while(循环条件){ 循环体 }
//练习1:假如你有1亿,每天花一半,能花多少天
var money = 100000000;//定义变量,记录钱
var days = 0;//定义变量,记录天数
while(money>1){
money = money/2;//花钱
days++;//天数++
}
console.log("1亿能花"+days+"天~~");
//1,for循环
//练习1:打印1~10
for(var i=1;i<=10;i++){
console.log(i);
}
//练习2:求1~100里偶数的和
var sum = 0 ;//定义变量,记录和
for (var i = 1; i <=100; i++) {
if(i % 2 == 0){//偶数
sum = sum + i ;//修改变量的值
}
}
console.log("1~100的偶数和是: "+sum);
</script>
</head>
<body>
</body>
</html>