cgb2109-day10

Posted cgblpx

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 "2250432165@qq.com" #配置了全局注册的邮箱
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:\\workspace\\gitee\\cgb201901>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>

以上是关于cgb2109-day10的主要内容，如果未能解决你的问题，请参考以下文章

cgb2109-day04

cgb2109-day06

cgb2109-day17

cgb2109-day16

cgb2109-day03

cgb2109-day11