javascript基础知识之流程控制语句（二）

最新推荐文章于 2024-09-11 15:33:18 发布
最新推荐文章于 2024-09-11 15:33:18 发布
阅读量209 收藏 1
点赞数
分类专栏： # Javascript基础 文章标签： javascript switch
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45419127/article/details/116997329
版权

运算符

运算符也被称为操作符，用来实现赋值，比较及执行算数运算等功能的符号

javascript常见的运算符

  • 算数运算符
  • 比较运算符
  • 逻辑运算符
  • 赋值运算符
  • 递增与递减运算符

算数运算符

算数使用的符号 比较两个变量或值的算术运算

在这里插入图片描述

<!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>
    console.log(1 + 2);
    console.log(5 - 4);
    console.log(8 * 4);
    console.log(8 / 3);

    // js运算中 浮点数的精度会产生细微的差距  不能直接比较两个浮点数.
    console.log(0.7 * 100);
    console.log(0.1 + 0.2);
    console.log(0.1 + 0.2 == 0.3);
</script>

</html>

在这里插入图片描述

注意事项

  • javascript中 不能直接来比较两个浮点数
  • javascript的运算顺序，先算乘除，后算加减，有小括号先算小括号

如何判断一个数是否可以被整除？

余数为0 说明这个数可以被整除

表达式

由数字 运算符 标识符组成的式子便叫做表达式

返回值

表达式最终都有返回一个结果，这个结果便叫做返回值

     var  num = 1 + 1 

上述代码中，这样的式子便叫做表达式，右边的公式计算完毕后有一个返回值，这个返回值赋值给左边的num

一元运算符

一元运算符分为前置型与后置型，主要是为了实现变量的自增与自减操作，必须与变量搭配使用。

前置型运算符

前置型运算符 先自增（自减） 再进行运算

前置自增运算符：先自增，再进行运算


<!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>
    var num = 5;
    ++num;
    console.log('num的值:', num);

    var num2 = ++num + 5;
    console.log('num2的值:', num2);
</script>

</html>

在这里插入图片描述

前置自减运算符：先自减，再进行运算

<!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>
    var num = 20;
    --num;
    console.log('num的值:', num);

    var num2 = --num + 20;
    console.log('num2的值:', num2);
</script>

</html>

在这里插入图片描述

后置型运算符

先原值运算，再进行自增或自减操作

后置自增运算符：先原值运算，再进行自增

<!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>
    var num = 20;
    num++;
    console.log('num的值:', num);

    var num2 = num++ + 5;
    console.log('num2的值:', num2);

    var num3 = num + 2;
    console.log('num3的值', num3);
</script>

</html>

在这里插入图片描述

后置自减运算符：先原值计算，再进行自减


<!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>
    var num = 6;
    num--;
    console.log('num的值', num);

    var num2 = num-- - 3;
    console.log('num2的值', num2);

    var num3 = num-- + 1;
    console.log('num3的值', num3);
</script>

</html>

在这里插入图片描述

一元运算符之综合练习

<!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>
    // 第一题
    var a = 5;
    ++a;
    var b = ++a + 6;
    console.log('b的值:', b); //13


    // 第二题
    var c = 10;
    c++;
    var d = c++ + 2;
    console.log('d的值:', d); //13

    // 第三题
    var e = 10;
    var f = e++ + ++e;
    console.log('f的值:',f);//22
</script>

</html>

在这里插入图片描述

一元运算符之总结
  • 一元运算符是为了简化代码操作 主要是为了使变量实现自增或自减操作
  • 单独使用时没有任何区别
  • 前置自增运算符和前置自减运算符：先自增（自减），再运算
  • 后置自增运算符和后置自减运算符：先原值运算，再自增（自减）
  • 实际开发过程中，使用后置运算符较多

比较运算符

比较运算符（关系运算符）主要是为了比较两个数据所使用的运算符，会返回一个布尔值，作为比较运算的结果

在这里插入图片描述
在这里插入图片描述


<!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>
    console.log(5 > 3);
    console.log(5 < 3);
    console.log(8 >= 5);
    console.log(6 <= 3);
    console.log(8 == '8');
    console.log(8 != 5);
    console.log(8 !== '8');
    console.log(8 === '8');
</script>

</html>

在这里插入图片描述

逻辑运算符

逻辑运算符是用来进行布尔值运算的运算符，其结果也是布尔值，在实际开发中，多用于多个条件的判断


<!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>
    console.log(5 > 3 && 3 < 5);
    console.log(5 > 3 && 3 > 5);

    console.log(5 > 3 || 3 < 5);
    console.log(7 > 8 || 5 > 3);

    console.log(!true);
    console.log(!false);
</script>

</html>

在这里插入图片描述

逻辑运算符之总结

  • &&：两边都为true,其结果才会为true,两边有一个false,其结果也为false
  • || :两边都为false，其结果才会为false.两边有一个true，其结果也为true;
  • !:取反 ！true的结果为false

逻辑运算符之总结


  <!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>
    var num = 7;
    var str = '我爱你,亲爱的中国';
    console.log(num > 5 && num <= str.length); //true
    console.log(num < 5 && num <= str.length); //false


    console.log(str.length > 11); //false;
    console.log(!(num > 5 || str.length == num)); //false
</script>

</html>

在这里插入图片描述

短路效果

当有多个表达式（值）的时候，左边的表达式值能确定的情况下，将不再进行右边表达式的值运算。

逻辑中断之逻辑与

在这里插入图片描述

<!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>
    console.log(123 && 456);
    console.log(0 && 456);
    console.log(undefined && 456);
</script>

</html>

在这里插入图片描述

逻辑中断之逻辑或

语法：表达式1 || 表达式2

  • 表达式1为真的话 则返回表达式1的值
  • 表达式1如果为假的话，返回表达式2的值 （可以跟逻辑与相比较记忆）
	<!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>
    console.log(123 || 456);
    console.log(0 || 456);
    console.log(undefined || 456);
</script>

</html>

在这里插入图片描述

赋值运算符

将数据赋值给变量的运算符，简称赋值运算符

在这里插入图片描述

<!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>
    var num = 2;
    num += 2;
    console.log(num);

    var num2 = 4;
    num2 -= 3;
    console.log(num2);

    var num3 = 20;
    num3 %= 4;
    console.log(num3);
</script>

</html>

在这里插入图片描述

运算符的优先级

在这里插入图片描述

  • 一元运算符中的！的优先级很高
  • 逻辑与比逻辑或等级要高
运算符顺序之练习一
<!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>
    console.log(4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true)
        /* 解析:4 >= 6 || '人' != '阿凡达' && true && true 
               4 >= 6 || '人' != '阿凡达' && true 
               false || true && true
               false ||true
               true   
        */

    var num = 10;
    console.log(5 == num / 2 && (2 + 2 * num).toString() === '22')
        /* 解析: 5 == num / 2 && (2 + 2 * num).toString() === '22'
                5 == num / 2 && (2 + 2 * num).toString() === '22'
                5 == num / 2 && true
                true && true
                true
    
        */
</script>

</html>

在这里插入图片描述

运算符顺序之练习二

 <!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>
    var a = 3 > 5 && 2 < 7 && 3 == 4;
    console.log(a)

    /* 解析: a= false && true && false
             a = flase*/


    var b = 3 <= 4 || 3 > 1 || 3 != 2
    console.log(b);
    /* 解析:b = 3 <= 4 || 3 > 1 || true
            b = true ||true ||true
            b =true */

    var c = 2 === "2"
    console.log(c);
    /* 解析:c = false */


    var d = !c || b && a;
    console.log(d)
        /* 解析: d = true || true && false
                 d = true ||false
                 d = true*/
</script>

</html>

在这里插入图片描述

流程控制语句

简单而言，控制代码按照不同的结构顺序去执行

流程控制语句：顺序结构 分支结构 循环结构

流程控制语句之顺序结构

在javascript中，代码的执行顺序是从上往下依次执行的，这种执行顺序便被称为顺序结构

分支结构

在代码从上往下的执行过程中，按照不同的条件，执行不同路径上的代码，从而得到不同的结果。

在这里插入图片描述

javascript中提供两种分支结构

  • if语句
  • switch语句

if语句

语法

if(条件表达式) {
	//执行的语句
	}

注意：条件表达式若为真，则执行{}里面的语句，条件表达式若为假，则执行if后面的代码
在这里插入图片描述

<!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>if语句</title>
</head>

<body>

</body>
<script>
    if (true) {
        console.log('条件表达式若为真 则执行语句');
    }

</script>

</html>

在这里插入图片描述

if语句之网吧案例

  • 弹出输入框 用户输入自己的年龄 如果大于18岁 则提示可以去网吧
<!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>if语句之网吧案例</title>
</head>

<body>

</body>
<script>
    var user = prompt('请输入年龄');
    if (user >= 18) {
        alert('恭喜你 可以去网吧冲浪')
    }
</script>

</html>

在这里插入图片描述

if双分支语句

在这里插入图片描述
语法

 if(条件表达式) {
        //执行的语句
    }else {
        //执行的语句
    }

注意事项

  • if与else里面的语句只能执行一个
  • else后面没有{}
if双分支语句之网吧案例
 要求：弹出一个输入框，用户输入自己的年龄，如果大于等于18岁，提示可以进入网吧，如果小于18，则提示用户不能进入网吧

思路如下

  • 1.弹出输入框，把用户输入的值保存为变量
  • 2.利用if双分支语句进行判断，根据用户的年龄而执行不同的语句。
<!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>if双分支之网吧案例</title>
</head>

<body>

</body>
<script>
    var age = parseFloat(prompt('请输入年龄'));
    if (age >= 18) {
        alert('恭喜你 可以上网')
    } else {
        alert('对不起  请你回家')
    }
</script>

</html>

在这里插入图片描述

if双分支语句之判断闰年与平年

提示：能被4整除且不能整除100的为闰年（如2004年就是闰年，1901年不是闰年）或者能够被 400 整除的就是闰年

思路如下

  • 1.用户输入年份，把用户输入的值以变量的形式保存起来
  • 2.利用if语句，根据不同的条件而判断闰年及平年

在这里插入图片描述

if多分支语句

场景：适用于多重条件的判断


if(条件表达式1) {
    语句1；
}else if(条件表达式2) {
    语句2；
}else if(条件表达式3) {
    语句3；
    .....
}else {
    //以上代码不成立执行此处代码
}

注意事项

  • 根据不同的条件，而执行不同的代码路径，并最终得到结果，是个多选一的过程
  • else if后面加条件表达式，而else后面没有条件表达式
  • 如果if else if中的条件表达式都不符合 则执行else里面的语句
if多分支语句之成绩案例

在这里插入图片描述


<!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>if多分支语句之成绩案例</title>
</head>

<body>

</body>
<script>
    var score = parseInt(prompt('请输入成绩'));

    if (score >= 90) {
        alert('A')
    } else if (score >= 80) {
        alert('B')
    } else if (score >= 70) {
        alert('C')
    } else if (score >= 60) {
        alert('D')
    } else {
        alert('E')
    }
</script>

</html>

在这里插入图片描述

三元表达式

三元表达式可以做一些简单的条件判断，由三元运算符组成的式子叫做三元表达式

语法如下

条件表达式？表达式1：表达式2 条件表达式若为真，则返回表达式1的值，条件表达式为假 则返回表达式2的值

<!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>
    var num = 10;
    var result = num > 5 ? '正确' : '不正确';
    console.log(result);
</script>

</html>

在这里插入图片描述

三元表达式之补0

必须使用三元表达式

思路如下

  • 1.弹出一个输入框，用户输入0~59之间的数字
  • 2.0~9之间的数字前面补0，大于10的数字不做任何操作
  • 3.用变量接受一个返回值，输出（程序内部处理）

<!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>三元表达式之补0</title>
</head>

<body>

</body>
<script>
    var user = parseInt(prompt('请输入数字'))
    var result = user < 10 ? '0' + user : user;
    alert(result)
</script>

</html>

在这里插入图片描述

switch语句

switch语句属于多分支语句，执行不同的条件语句得到不同的结果，是多选一的过程。

注意事项

  • if多分支语句只要用于判断，而switch语句主要适用于特定值匹配
  • switch：开关。 case：选项。
  • switch语句条件表达式的值与case后面的值且是全等的关系，则执行case后面的语句
  • 匹配不上值，则执行default后面的语句
  • 不要忘记写break,否则会一直执行下去。
switch语句之水果案例

要求：用户输入自己需要的水果，则屏幕弹出水果的价格是多少钱一斤

思路如下

  • 弹出一个输入框，用户需要自己的想要的水果
  • 把用户输入的值用变量的形式保存起来，当switch后面的条件表达式的值匹配上case后面的值，则弹出相对应的水果价格
  • 不要忘记break,否则程序会一直执行下去。


<!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>switch多分支之水果案例</title>
</head>

<body>

</body>
<script>
    var fruit = prompt('请输入水果');

    switch (fruit) {
        case '苹果':
            alert('10元/斤');
            break;
        case '香蕉':
            alert('5元/斤');
            break;
        case '榴莲':
            alert('50元/斤');
            break;
        case '橘子':
            alert('15元/斤');
            break;
        default:
            alert('对不起 暂时没有此水果')

    }
</script>

</html>

在这里插入图片描述

switch语句和if else if语句的区别

  • switch用于特定值匹配，而if else语句用于条件判断
  • switch确定值后直接执行到程序内部，而if语句还要依次判断（执行效率稍低）
  • 分支比较少的情况下，用if else效率较高
「已注销」
关注
专栏目录
用分支结构程序设计判断闰年
ziyangzuishuai的博客
12-06 2357
使用条件表达式 #include<iostream> using namespace std; int main(){ int x; cin >> x; cout << (x % 400 == 0 ? "YES" :( x % 4 == 0 ? (x %100 != 0? "YES":"NO") : "NO") ) <<...
Python基础_if语句_判断闰年
lx8211667846947的博客
08-28 3074
判断是否是闰年， 多个elif语句 if嵌套
if else（双分支语句）语句判断闰年：
m0_60643169的博客
11-18 3989
1.语法结构： 2.算法： 能被4整除且不能整除100的为闰年（如2002年为闰年，而1901年不是闰年）或者能够被400整除的就是闰年 3.代码分析： 先将用户输入的值(年份)保存到变量中，再用if语句判断条件是否符合，是就执行if的输出语句，否则执行else的输出语句。（且&& 或|| 判断整除即取余%为0） var year = prompt("输入年份") if (year % 4 == 0 && year % 10...
python3.7学习之判断闰年
蒗若晨曦
06-19 1489
闰年分为普通闰年和世纪闰年。 普通闰年:能被4整除但不能被100整除的年份为普通闰年。（如2004年就是闰年，1900年不是闰年）； 世纪闰年:能被400整除的为世纪闰年。（如2000年是世纪闰年，1900年不是世纪闰年）； 用if语句嵌套实现： year = int(input("输入一个年份: ")) if (year % 4) == 0: if (year % 100) ==...
JavaScript基础-DAY02
qq_44697315的博客
02-23 112
JavaScript
Javascript知识分享——流程控制
DS153的博客
10-21 1995
前言 javascript是一块非常重要的内容。对于前端人员来说，html是骨架，css是外表，javascript就是赋予他们获得行动的重要内容。所以javascript一定是非常重要且需要熟练掌握的内容，这其中比较基础而且也很重要的之一，就是流程控制。这里我们来讲一讲流程控制中的分支流程。 ...
JavaScript基础知识第四章---流程控制
2401_84435555的博客
04-26 955
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总。
JavaScript基础知识③(流程控制 -- 顺序、分支、循环)
十八岁讨厌编程的博客
02-05 750
文章目录JavaScript 流程控制-分支流程控制顺序流程控制分支流程控制 if 语句分支结构if语句if else语句（双分支语句）3.4 if else if 语句(多分支语句)三元表达式分支流程控制 switch 语句语法结构switch 语句和 if else if 语句的区别JavaScript 流程控制-循环循环for 循环语法结构双重 for 循环语法双重 for 循环概述双重 for 循环语法while 循环do while 循环continue breakcontinue 关键字brea
详解JavaScript的流程控制语句
10-23
JavaScript的流程控制语句与其他编程语言如C、Java等非常相似，主要包括条件选择结构、循环结构以及其他一些控制语句。 首先，条件选择结构是流程控制的基础。在JavaScript中，条件选择结构主要通过if语句、if-else...
JavaScript：流程控制：条件语句与循环
07-14
本文将详细介绍 JavaScript 中的条件语句与循环，并结合变量与数据类型、函数与作用域以及数组与对象操作的基础知识，帮助读者更好地理解和掌握这些核心概念。 #### 二、条件语句 条件语句允许根据不同的条件执行...
Javascript基础教程之if条件语句
10-24
知识点：JavaScript if条件语句 JavaScript是一种流行的编程语言，广泛用于网页开发中以增加交互性。在编程中，条件语句是实现决策和控制程序流程的重要机制。...掌握if条件语句是进行JavaScript编程的基础技能之一。
1901_彭锦林_03JavaScript流程控制语句.docx
04-29
本文主要探讨了JavaScript的流程控制语句，这是编写任何程序的基础，用于决定代码的执行顺序和逻辑。 首先，我们来看看顺序结构。在JavaScript中，顺序结构是最简单的流程控制方式，即代码按照书写的顺序依次执行。...
头歌教学实践平台 Web前端开发基础 JavaScript学习手册六：JS条件语句
01-20
在JavaScript中，条件语句是控制程序流程的重要工具，它们允许我们根据不同的条件执行不同的代码块，从而实现逻辑判断和决策。本篇将深入探讨JavaScript中的条件语句。 首先，最基础的条件语句是`if...else`语句。...
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 2807
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
最新发布
2301_79858914的博客
09-11 843
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 431
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 866
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
JavaScript基础
zhangh040629的博客
09-10 1288
//** 控制浏览器弹出一个警告框* alert()*/alert;/** 让计算机在页面中输出一个内容*/write;/** 向控制台输出一个内容*/log;</</</</
jEasyUI 创建带复选框的树形菜单
wjs2024的博客
09-10 351
jEasyUI 是一个基于 jQuery 的框架，它为用户提供了一套完整的用户界面组件，包括菜单、窗口、表格等。在本文中，我们将重点介绍如何使用 jEasyUI 创建一个带复选框的树形菜单。
JavaScript基础：流程控制与输出语句详解
"这篇资源主要介绍了JavaScript的基础知识，特别是流程控制语句的使用，包括代码书写位置、输出语句以及选择语句的两种形式：if...else和switch...case。" 在JavaScript编程中，流程控制语句是实现程序逻辑的关键...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值