WEB前端开始学习 7.27

最新推荐文章于 2024-07-26 15:05:55 发布

LiangKJZ

最新推荐文章于 2024-07-26 15:05:55 发布

阅读量166

点赞数 2

文章标签：前端学习 javascript

本文链接：https://blog.csdn.net/LiangKJZ/article/details/126022694

版权

1.今天学习了JavaScript的数据类型转换应用和各类运算符，运算符有点难度，还需要复习复习，自己手敲几遍熟悉熟悉。

2.第二个小项目的第一个页面完成了，明天要学习css动画，估计没时间写了，周五晚上加上个周六完成没问题，移动端还不会写，不过老师说简单，应该很快吧。

3.位运算符有点不容易

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			位运算符
			
			 ~  &  |   ^
		 
		  进制：
		     二进制
			 八进制
			 十进制
			 十六进制
			 
			 除进制取余法
		 -->
		 
		 <script type="text/javascript">
		 	
			var num1 = 5
			var num2 = 1
			
			//  
			var res = 5 & 1
			console.log(res);
			
			res = 5 | 1
			console.log(res);
			
			res = ~ 5    
			console.log(res);
			
			res = 5 ^ 1
			console.log(res);
			
		 </script>
		 
	</body>
</html>

4.逻辑运算符也需要再理解理解

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- 
			&&    短路与
			||  短路或
			！   非
			
			短路与    短路或  在一定程度上可以提高程序的执行效率
		 -->
		 
		 <script type="text/javascript">
		 	
			var  b1 = true
			var b2 = false
			
			var  num1 = 1
			
			var  num2 = 2
			
			// &&   当条件1  为false时  条件2 不在执行
			// var  res = b2 && b1   //  true+ true - > true
				
			var  res = b1 && ++num1 > ++num2
			
		    console.log("num1 = "+num1+" num2= "+num2);
			
			
			console.log("true&&false = "+res);
			res = b1 & b2 
			console.log("true&false = "+res);
			
			
			//  只要有一个true   最终的结果就是true    当条件1  为true时  条件2 不在执行
			res = b1 || b2
			console.log(res);
			
			// !  true  -> false      false-> true
			console.log("!true = "+!b1);
			
			
			
		 </script>
		 
	</body>
</html>