JavaScript02 分支语句/循环

已于 2022-12-07 19:22:39 修改
阅读量365 收藏
点赞数 2
分类专栏： javaScript 文章标签： javascript 前端 开发语言
于 2022-11-20 11:10:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61118311/article/details/127945464
版权

JavaScript 02

本文概述：while循环、数据类型转换、语句表达式、if循环、switch选择与语句的使用

一、While循环

1. while循环概述
<!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>Document</title>
</head>
<body>
    <script>
        // 语法:
        // while(循环条件){
        //     循环体
        // }
        // 执行流程:小括号代码如果为true,一直执行循环体,知道小括号里面值为false(循环条件)
        
        // 循环三要素:循环变量初始化 循环条件 变量更新

        // 需求:打印5次今天学习状态还不并且换行
    let val =1;
    while(val<6){
        document.write('今天学习状态还不错<br>')
        val++;
    }
    </script>
</body>
</html>
1.1 while循环实例·吃个包子
<!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>Document</title>
</head>

<body>
    <!-- 需求:吃6个包子,跳过第三个包子 -->
```javascript
    <script>
        // continue;
        // let i = 1;
        // while (i <= 6) {
        //     if (i === 3) {
        //         // 自增后再去判断
        //         i++;
        //         // 遇到后跳出 
        //         continue;
        //     }
        //     document.write(`这是吃 的第${i}个包子<br>`);
        //     // 变量的变化
        //     i++;
        // }


        // break
        let a = 1;
        while (a <= 6) {
            if (a === 3) {
            // 遇到break后结束循环
                break;
            }
            document.write(`这是吃 的第${a}个包子<br>`);
            // 变量的变化
            a++;
        }
    </script>
</body>

</html>
1.2 while循环实例·用户登录
<!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>Document</title>
</head>

<body>
    <script>

        while (true) {
            let uname = prompt('请输入你的用户名')
            let pwd = +prompt('请输入你的密码')
            if ((uname === '初映') && (pwd === 1437)) {
                // 警告框不可以换行加<br>
                alert(`恭喜你,${uname}登录成功`)
                // 如果不是反引号``包起来的则将以字符串输出${name}无效
                break;
            }
            else {
                alert(`${uname}在数据库查询未检索到,请重试输入`)
                // continue;
            }
        }
    </script>
</body>

</html>
1.3 while循环实例·爱循环
<!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>Document</title>
</head>
<body>
    <script>
        while(true){
            let love = prompt('Do you love me ?')
            if(love =='love'){
                break
            }
        }

    </script>
</body>
</html>

二、数据类型的转换

2.1 数值型类型转换
<!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>Document</title>
</head>
<body>
    <script>
    // 1.转数字Number(数据)
    console.log(Number('123'));//123
    // 如果Number()数据又非数字则会出现NaN(Not a Number)不是数字，但是是属于数字类型的
    // NaN是表示数据计算错误的结果，任何数据与NaN运算都是NaN
    console.log(NaN===NaN);//false

// prompt接收的内容为字符串类型的,计算需要转
let num1 = prompt('输入第一个数字')
let num2 = prompt('输入第二个数字')
alert(`两者之和为${Number(num1)+Number(num2)}`)

// 这种是隐式转换
let num3 = +prompt('输入第一个数字')
let num4 = +prompt('输入第二个数字')


    // 转为数字类型整数
    console.log (parseInt('18'));
    console.log (parseInt('18px'));//18多余字母忽略
    console.log (parseInt('abc18'));//NaN字母必须在后面
    console.log (parseInt('18.1'));//18

    // 转换为数字类型小数字
    console.log(parseInt('18.88'));
    console.log(parseInt('18.88px'));//18
    console.log(parseInt('px18.88'))//NaN;

    // 拓展：布尔类型 true是1 false是0
    console.log(true);
    console.log(false);

    </script>
</body>
</html>
2.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>Document</title>

</head>

<body>

    <script>

​        // 其他类型强转字符串类型

​        console.log(String(12));

​        console.log(String(true));

​        console.log(String(undefined));//undefined

​        console.log(String(null));//null

​        // toString（进制）

​        let num = 10

​        console.log(num.toString(2));//1010

​    </script>

</body>

</html>
2.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>Document</title>

</head>
<body>
    <script>
        // 转布尔类型 Boolean(数据)
        // ' ' 0    null    undefined   false   NaN 这6个值转布尔都是false，其他都是true  


        // 注意 ' '里面包括了空格 不是''
        console.log(Boolean(' '));//true
        console.log(Boolean(''));///false
        console.log(Boolean(0));//false
        console.log(Boolean(null));//false
        console.log(Boolean(false));//false
        console.log(Boolean(undefined));//false
        console.log(Boolean(NaN));//false
    </script>
</body>
</html>
2.4 隐式转换
<!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>Document</title>
</head>
<body>
    <script>
        // +号作用 相加 拼接  当正好解析转换成数字类类型
        // 显式转换：主动转。隐式：js引擎帮我们转

        // 1.+号可以当正号解析，除了+号计算外，其他运算符会默认转换成数值类型 - * / %
        console.log('10'- '2');//8
        console.log(+'abc');//NaN
        console.log(10+ +'11'-10);//11

        // 2.+号的字符串拼接
        console.log('你好'+true);//‘你好true’

        // 3.!逻辑非默认转换成布尔类型，结果是取反之后的结果
        console.log(!2);//false
        console.log(!'你好');//false
            
        
    </script>
</body>
</html>
2.5null与undefined区别（拓展）
<!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>Document</title>
</head>
<body>
    <script>
        
    // <!-- 未定义变量没有赋值会出现undefined -->
        let a 
        console.log(a);


    // null空值一般表示这个变量以后会装一个对象
        let obj = null
    console.log(typeof obj);//object


    // null 和 undefined值相同，类型不同
    console.log(null==undefined);//true
    console.log(null===undefined);//false

// null和undefined转数字类型
console.log(Number(null));//0
console.log(Number(undefined));//NaN


// null 和 undefined转布尔类型
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false

//抽象理解就是 null是建好了的房子没去住罢了 undefined则是相当于口头承诺建房子，实际上没有的
    </script>
</body>
</html>

三.语句表达式

  • 表达式：由运算符组成的式子，一般用来取值
  • 语句：向编译器发送指令，是一段可执行的代码
  • 表达式有运算有值,没运算符参加的是语句

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

3.1 分支语句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>Document</title>
</head>
<body>
    <!-- 分支语句 可惜选择想要执行的代码’ -->
    <!-- 常见if -->
    <!-- if( 默认为true) -->

    <script>
        
        // 当只有一个返回结果的时候，可以不写{}不推荐
    // if(10 == ('10')){
    //     alert('弹窗出来')
    // }


let score =+prompt('请输入你的成绩')
let name =prompt('请输入你的姓名')
 
    if (score > 700) {
        // 警告框不可以换行加<br>
        alert(`恭喜你,${name}成功上岸`)
        // 如果不是反引号``包起来的则将以字符串输出${name}无效
        // alert('恭喜你,${name}成功上岸')

    }else if(score<=500){
        alert(`抱歉,${name}已落榜`)
    }
    // 所有都不满足的时候才会执行else的结果
    else{
        alert(`数据库查询失败,请重试`)
    }
    </script>
</body>
</html>
3.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>Document</title>
</head>

<body>

    <script>
        // while (true) {
        let score = +prompt('请输入你的成绩')
        let name = prompt('请输入你的姓名(按下Q退出)')

        if ((score >= 90 && score <= 100)) {
            alert(`恭喜你,${name}成绩优秀`)
        }
        else if (score <= 80 && score > 70) {
            alert(`${name}成绩良好`)
        }
        else if (score <= 70 && score >= 60) {
            alert(`${name}成绩及格`)
        }
        else if (0<=score&& score < 60) {
            alert(`加油,${name}成绩不及格`)
        }
        else {
            alert(`成绩输入有误,请重试`)
        }

    </script>
</body>

</html>
3.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>Document</title>
</head>
<body>-
    <script>
        // 三元一次表达式:进行分支判断,二选一
    //  作用:进行分支判断 
    // 语法:   条件?true的结果:false失败的结果
    // 1>2?alert(`成功`):alert(`失败`)

    // 隐藏用法:三元一次表达式可以用于求职,如果没有值则返回undfined
    // alert没有值,直接输出了
    let val =10 > 20? alert('条件返回结果为10'):alert('条件返回结果为20')
    console.log(val);

    let val1=10 > 20?10 :20
    console.log(va1l);//返回的是20

    </script>

</body>
</html>
3.4 三元运算符实例·求最大值
<!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>Document</title>
</head>

<body>
    <script>
        let num1 = +prompt('请输入第一个值');
        let num2 = + prompt('请输入第二个值');
        let max = num1 > num2 ? num1 : num2;
        console.log(max);
    </script>
</body>

</html>
3.5三元运算符实例·时钟补0
<!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>Document</title>
</head>

<body>
    <script>
        // 需求:当一个数字小于10的时候需要在其前面补上数字0
        let num = +prompt('输出一个数字')
        // let time = num>10 ? num : ('0' + num);
        // alert(time)

        let times =10>num ? ('0' + num):num;
        // console.log(time);
        alert(times)
    </script>
</body>

</html>

四、switch语句

<!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>Document</title>
</head>

<body>

    <!-- 常用在全等值的判断,会去找小括号里面全等的case值 -->
    <script>
        //1. 多选1,遇到break也可利用case穿透做选项)结束
        // 2.不适用范围判断(推荐if),适合等值判断
        // 3.,遇到continue跳过本次

        // 语法:
        switch ('1') {
            case '1':
                alert('我是第一项')
            case '2':
                // break;
                alert('我是第二项')
            // continue;
            case '3':
                alert('我是第三项')
                // case '2':
                break;
            // 默认值
            default:
                alert('我是默认值')
        }
    </script>
</body>

</html>
4.1 switch语句实例·简单的两位数计算器
<!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>Document</title>
</head>

<body>
    <script>
        // 需求:输入两个数字可以进行加减乘除的运算
        let num1 = +prompt('输入第一个数字');
        let num2 = +prompt('输入第二个数字');
        let mode = prompt('输入运算符');

        // switch里写判断项,case写判断依据
        switch (mode) {
            case '+': {
                alert(num1 + num2)
                break;
            }
            case '-': {
                alert(num1 - num2)
                break;
            }
            case '*': {
                alert(num1 * num2)
                break;
            }
            case '/': {
                alert(num1 / num2)
                break;
            }
            case '%': {
                alert(num1 % num2)
                break;
            }
            // 都没有的时候的默认值,不需要额外的写{}
            default:
                alert('输入的值有错误,请重新输入')
            }

    </script>
</body>

</html>

五.大综合案例

01.打印数字1-20
<!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>Document</title>
</head>

<body>
    <script>
        // 需求:打印1-20之间所有的数字并且换行显示出来
        i = 0
        while (i <= 20) {
            document.write(`${i}<br>`)
            i++
        }
    </script>
</body>

</html>
02.打印1-100的和
<!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>Document</title>
</head>
<body>
    <script>
        // 定义sum收集数据, i负责循环
        let i=0,sum=0;
        while(i<100){
            i=i+1;
            sum=sum+i;
        }
        document.write(sum);


    </script>
</body>
</html>
03-打印100-200可被6整除的数字
<!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>Document</title>
</head>
<body>
    <!-- 打印100-200之间,可以被6整除的数字 -->
    <!-- 逻辑分析:1.先遍历数字,获取100-200之间的所有的数字
                           2.做if判断在100-200中的i每一个都有6用于取余比较
                           3.进入if后除以6取余为0的记录下来,并且i++让循环进入下一步 -->
    <script>

        let i =100
        while(i<=200){
            if(i%6===0){
                document.write(i+` `)
                i++;
            }else{
                i++;
            }
        }
    </script>
</body>
</html>
04. 累计求和
<!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>Document</title>
</head>
<body>
    <script>
        // 需求:计算1到这个数的和 比如用户输入5,则计算1-5之间的累加和
        // 我写的这个可以计算任意两个数字之间的和~~~
        let sum=0;
        let num = +prompt('计算的顶值');
        let i = +prompt('计算的低值');

        while(i<=num){
            sum =i+sum;
            i++;
        }
        document.write(sum);
    </script>
</body>
</html>
05.ATM取钱小程序
<!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>Document</title>
</head>

<body>
    <script>

        let ballance = 0   //作用相当于设置一个钱包负责存放数据用的
        while (true) {
            let value = +prompt('1.存钱, 2,取钱 3.查看余额 4.退出')
            // 下面这个刚开始写的是case 4 但是这样break跳不出循环,因此把这个case4提取出来,写在while的下一级,当遇到break的时候会跳出来的
            if (value===4){
                break;
            }

            switch (value) {
                case 1:
                    let save = +prompt('请输入存钱的金额')
                    ballance += save;
                    alert('存钱成功!')
                    break;

                case 2:
                    let expand = +prompt('请输入取钱的金额')
                    if (ballance >= expand) {
                        alert('取钱成功');
                        ballance-=expand
                    } else
                        alert('取钱失败,余额不足!')
                        break;

                case 3:
                    alert(`当前余额剩余${ballance}RMB`)
                    break;
            }
        }


    </script>
</body>

</html>
初映CY的前说
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript基础——3.分支、循环语句
weixin_66370632的博客
04-28 566
if(条件表达式){ // 当表达式成立时要执行的代码 }else{ // 当表达式不成立时要执行的代码 } // JavaScript
javascript分支语句和循环算法题总结
qq_43358996的博客
09-07 251
javascript算法题总结 1.用if…else计算闰年 定义： 闰年是公历中的名词，能被4整除但不能被100整除，或者能被100整除的年份即为闰年。 2.求1~100之间所有数字的和 3.
＜java基础知识复习＞ java之6个逻辑运算符“&、|、^、！、&&、||”
吕氏春秋i
02-29 1042
**java 6个逻辑运算符：&、|、^、！、&&、|| ** 逻辑运算符前后连接两个都是Boolean值 说明及例题： ** " & "** 逻辑与 中文：“和，并且”的意思 前后两个条件必须全部满足时 最终才是true 否则false 例题: (3>2) & (3>1) true & true 结果 true ...
JavaScript分支语句与循环语句
King的博客
07-21 320
笔记放在Github上，点击访问下载 分支语句 1). if语句 ECMAScript会调用Boolean()函数将括号内的值转换为boolean if(){} 2). if-else if(){ code; }else{code;} 如果代码只有一行，可以省略大括号。 3). if-else if-else 多条件分支 4). switch 当expression===choi...
JavaScript for循环 if判断语句(学习笔记)
11-28
在JavaScript编程语言中，`for`循环和`if`判断语句是两种基本的控制流程结构，它们在编写逻辑和处理条件时起着至关重要的作用。让我们深入了解一下这两个概念。 **1. JavaScript `for`循环** `for`循环用于重复执行...
java、python、JavaScript以及jquery循环语句的区别
10-21
JavaScript的循环控制语句与Java和Python相似，也有`break`和`continue`。 【jQuery 循环语句】 jQuery并非编程语言，而是JavaScript的一个库。它提供了一个`$.each()`方法，用于遍历数组和对象： ```javascript ...
JavaScript 分支结构语句
impact_factor的博客
06-16 1017
JavaScript 分支结构语句1. if语句2. if else语句（双分支语句)3. if else if 语句 (多分支语句)4. 三元表达式5. switch语句 语句（也称为流控制语句）通常使用一或多个关键字完成既定的任务。语句可以简单，也可以复杂。简单的如告诉函数退出，复杂的如列出一堆要重复执行的指令。 顺序结构就是我们平常写的按顺序从上往下执行的程序。 1. if语句 //条件表达式成立时执行代码，否则什么也不做 if(条件表达式){ //条件成立执行的代码语句 } 2. if els
JavaScript—分支结构和循环结构整理
m0_57781768的博客
12-05 443
流程控制是指通过控制代码的执行顺序来完成要实现的功能，流程控制的3种结构如下：if语句也称为条件语句、单分支语句，当满足某种条件时，就进行某种处理。当条件表达式为真时，执行下面的代码。 在没有'{}'的时，if控制范围是到其后的第一条语句 2. if…else语句 if…else语句也称为双分支语句，当满足某种条件时，就进行某种处理，否则进行另一种处理。 注意：else是关键字，但是不能单独使用，必须和if结合使用。 if…else if语句也称为多分支语句，可针对不同情况进行不同的处理。
【基础】Three.js加载纹理贴图、加载外部gltf格式文件
stay hungry, stay foolish
09-02 1437
.gltf（JSON文件）: 描述模型的主要结构，包括几何体、材质、动画、场景等。.bin（二进制文件）: 存储顶点数据、法线、UV坐标等二进制数据。纹理（.png, .jpg）: 存储模型使用的纹理贴图。。
Vue双向绑定
m0_56131422的博客
09-01 743
简单来说，双向绑定就是数据改变影响视图，视图改变也会影响数据。Vue 的双向绑定主要通过v-model。
跨页面进行数据通讯
榴莲不好吃的专栏
09-02 473
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。
JS都有哪些操作数组的方法
ggq53219的博客
09-04 445
JavaScript 中操作数组的方法非常丰富，这些方法大致可以分为几类：创建和初始化数组、添加元素、删除元素、遍历数组、搜索元素、数组排序、数组映射和过滤等。
Vue的状态管理——Vuex3&4&Pinia
警警的博客
08-30 2592
Pinia是Vue.js 3.x的状态管理库，它可以看作是Vuex的升级版，旨在提供一种更简单、更直观的方式来管理Vue.js应用程序的状态。Vuex 4是Vue.js 3.x版本的状态管理库，它在Vuex 3的基础上进行了多项改进和优化，使其更加适用于大型应用和复杂场景。Vuex 3是Vue.js 2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式。：在 Vue 3 项目中，你通常会使用 Vuex 4 或 Pinia 而不是 Vuex 3。在 Vue 3 项目中，你可能会在。
WHAT - React 函数与 useMemo vs useCallback
weixin_58540586的博客
09-03 790
目录介绍`useMemo` 与 `useCallback` 的区别示例代码`useMemo` 示例`useCallback` 示例总结 介绍 在 React 中，useMemo 和 useCallback 是两个用于性能优化的钩子，尽管它们有些相似，但各自有不同的用途和应用场景。理解它们的区别和适用情况可以帮助你更有效地管理组件的性能和状态。 useMemo 与 useCallback 的区别 useMemo: 目的: 用于记忆化（缓存）计算结果。它接受一个计算函数和依赖项数组，只有当依赖项发生变化时
vue3使用-watch监听总结
weixin_44072254的博客
09-01 527
{deep: true, immediate: true, flush: 'post'}：deep是深度监听；flush:如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'，sync'创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发；flush: 'post'， 如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'flush: sync'，创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发。监听数组的方式-示例。
在 Vue 中实现跨项目数据传递
世轩的博客
09-03 1294
需要注意的是，跨项目数据传递可能会带来一些安全和数据一致性的问题。在实际应用中，要根据具体情况选择合适的方法，并确保数据的安全性和可靠性。同时，对于敏感数据，应该采取加密等安全措施。
基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统
最新发布
央顺科技官方博客
09-05 417
2021年处于信息科技高速发展的大背景之下。在今天，缺少手机和电脑几乎已经成为不可能的事情，人们生活中已经难以离开手机和电脑。针对增加的成本管理和操作,各大商家非常有必要建立自己的网上房屋租赁平台系统，这既可以让更多的人体验到网络所带来的方便，也有助于提高房屋的租赁。在经过几十年的高速发展后，互联网已成为最流行、最普及的媒体，每天的信息流量甚至能比得上过去十年。其以便捷的信息交换、快速的沟通速度，悄然地改变着会员的消费方式。
滴滴前端日常实习一面
weixin_46714216的博客
08-31 628
滴滴前端面经
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

初映CY的前说

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值