zoukankan      html  css  js  c++  java
  • 莫名其妙的js基础学习!

    JavaScript基本组成部分:

      1,ECMAScript:js的语法标准,基本的变量,运算符,函数,if语句,for语句等

      2,DOM:操作网页上的元素API,比如盒子的移动,变色,轮播图等。

      3,BOM:操作浏览器部分的API功能

    alert语句:

      1,弹出警告框语句,主要用于在网页中弹出提示。

      基本代码:

    <script type="text/javascript">
      alert(2345678)
    </script>
    

       2,注释方式两种;

        1,/**/  多行注释

        2,//单行注释

      3,控制台输出:console.log("")

      4,prompt()语句:用户对话框输入。

      

    <script type="text/javascript">
      var a = prompt("你好!")   //对话框
      console.log(a)  //输出
    </script>
    

       5,变量的命名和python一样,但是使用驼峰体比较多

    数据类型:

      类型查看方式:typeof

      1,number 数字类型: 

        var a = 1234;

        console.log(typeof a)

      2,string :字符串

        var str = "123"

        console.log(typeof str)

      3,boolean:布尔值于python类似

      4,null:空对象

      5,undefined:变量未定义

      6,运算符需要注意的就只有 ===  这个是判断数据类型和数值是否都完全相同

        关于拼接贼他妈恶心!!!只要有一个str,配合+就是拼接

      7,数字类型转换,强转就好!!

      8,流程控制!

        1,if,if-else,if-else if-else:

      

    var ji = 20;
    if(ji>10){
      console.log(ji)    
    }
    alert("baichi")
    //这是最简单的使用方式,只有if存在
    var ji  = 20;
    if(ji>=20){
        console.log('2333')
    }else{
        console.log('js是sb!')
    }
    //简单运用
    if (true) {
       //执行操作
    }else if(true){
        //满足条件执行            
    }else if(true){
       //满足条件执行        
    }else{
      //满足条件执行
    }
    和python有区别,需要加上if才能扩充

       2,&&和||   相当于and 和 or python的所以不加解释

       3,switch   需要重点记忆一下!

     

    var sb = "js"
        
    swich(sb)//条件{
        case "js":
        console.log("说的真棒!")
        break; //需要注意必须要break
        case "python":
        console.log("你会死的很有逻辑感")
        break;
        case "css":
        console.log("你傻逼吧!")
        break;
    
    
    }
    

             4,while循环,基本相同,改变就在于条件和循环体需要套上括号

        5,do_while    先执行do,再执行while循环。

        6,for循环  

        

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<script type="text/javascript">
    		// for (var i = 0; i <= 5; i++) {
    		// 	for (var k = 0 ; k <= i; k++) {
    		// 		document.write("*")
    		// 	}
    		// 	document.write("<br>")
    		// 	// console.log("*")
    		// }
    		for (var i = 1; i <= 6; i++) {
    			for (var j = i; j <= 6 ; j++) {
    				document.write("7")
    			}
    
    			for (var k = 1 ; k <= 2*i-1; k++) {
    				if(k == 1 || k == 2*i-1||i == 6){
    					document.write("0")
    				}else{
    					document.write("6")
    				}
    				
    			}
    			document.write("<br>")
    		}
    
    
    		
    	</script>
    </head>
    <body>
    	
    </body>
    </html>
    //这是空心三角形的实现方法!
    

      

  • 相关阅读:
    sharpen和filter2D
    Changing the contrast and brightness of an image!(opencv对比度和亮度调节)
    人脸表情识别
    Pycharm下载和安装
    Anaconda下载与安装
    图像人脸检测+人眼检测 (opencv + c++)
    cv2.VideoWriter()指定写入视频帧编码格式
    python_openCV例程遇到error: (-215) !empty() in function cv::CascadeClassifier::detectMultiScale的简单解决方法
    图像处理库 Pillow与PIL
    IDE bulid构建隐藏了什么(预处理->编译->汇编->链接)
  • 原文地址:https://www.cnblogs.com/wpcbk/p/9108105.html
Copyright © 2011-2022 走看看