JavaScript学习笔记03

news2024/11/20 11:27:54

JavaScript笔记03

流程控制

if 判断

  • 和 Java 中if语句的使用方法相同。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let score = 90;

        if (score === 100) { // 第一个判断
            alert("great");
        } else if (score >= 60 && score < 100) { // 第二个判断
            alert("pass");
        } else { // 否则...
            alert("fail");
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器弹窗：

在这里插入图片描述

while 循环

  • 和 Java 中while循环语句的使用方法相同。
  • 注意：避免使用死循环。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let age = 0;

        while (age < 100) {
            age = age + 1;
            console.log(age);
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

  • 补充：do...while...循环：
"use strict";
let age = 0;

do {
    age = age + 1;
    console.log(age);
} while (age < 100);

for 循环

  • 和 Java 中for循环语句的使用方法相同。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        for (let i = 0; i < 100; i++) {
            console.log(i);
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

forEach 循环

  • forEach()的使用方法参考：JavaScript Array forEach() 方法

  • 在 JavaScript 中，我们可以使用forEach()函数循环遍历数组中的元素。（ES 5.1）

  • 例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let fruits = ["apple", "banana", "watermelon", "pear", "strawberry"];

        fruits.forEach(function (value) {
            console.log(value);
        });
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

for…in 循环

  • for...in的使用方法参考：JavaScript For In
  • 除了forEach()方法，在 JavaScript 中，我们还可以使用for...in语句来循环遍历数组中的元素。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let fruits = ["apple", "banana", "watermelon", "pear", "strawberry"];

        for (let index in fruits) {
            console.log(fruits[index])
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

  • 我们也可以使用for...in语句来循环遍历对象的属性。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let person = {
            name: "张三",
            age: 18,
            gender: "男",
            hobby: "打篮球"
        }

        for (let key in person) {
            console.log(person[key])
        }
        
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

for…of 循环

  • for...of语句也能遍历数组。使用方法参考：JavaScript For Of

  • 例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let fruits = ["apple", "banana", "watermelon", "pear", "strawberry"];

        for (let fruit of fruits) {
            console.log(fruit)
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

集合 - Map 和 Set

  • ES6 的新特性~

Map

  • Map对象是键值对的集合。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        // Map和Set   ES6+
        // 学生的名字，学生的成绩
        // let names = ["Tom", "Jerry", "Spike"];
        // let score = [100,90,80];

        // 创建Map对象 - 保存键值对，并且能够记住键的原始插入顺序
        let map = new Map([["Tom", 100], ["Jerry", 90], ["Spike", 80]]);

        // get() - 通过key获得value
        let score1 = map.get("Tom");
        console.log(score1);

        // set() - 为Map对象添加或修改一个键值对
        map.set("Tuffy", 60); // 添加
        console.log(map);

        map.set("Jerry", 95); // 修改
        console.log(map);
        
        // delete() - 删除键值对
        map.delete("Spike");
        console.log(map);
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

Set

  • Set对象是值的集合。Set集合中的元素只会出现一次，即集合中的元素是唯一的（可以去重~）。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        // 创建Set对象 - 保存值，并且集合中的元素不重复，有序
        let set = new Set([1, 1, 1, 1, 3, 4, 4, 4]);
        console.log(set);

        // add() - 添加元素
        set.add(2);
        console.log(set);

        // delete() - 删除元素
        set.delete(1);
        console.log(set);

        // has() - 判断Set对象是否包含某个元素
        console.log(set.has(3));
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

iterator

  • 使用for...of语句来遍历Map和Set集合对象。（ES 6+）

遍历Map对象

  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let map = new Map([["Tom", 100], ["Jerry", 90], ["Spike", 80]]);

        for (let student of map) {
            console.log(student);
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

遍历Set对象

  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let set = new Set([1, 1, 1, 1, 3, 4, 4, 4]);

        for (let num of set) {
            console.log(num);
        }
    </script>
</head>
<body>

</body>
</html>
  • 查看浏览器控制台：

在这里插入图片描述

函数

  • 函数是 JavaScript 中的基本组件之一，它是一组可以随时随地运行的语句。 当一个函数是一个对象的属性时，称之为方法。

定义函数

  • 使用function关键字来定义函数。

定义方式一

  • 定义一个取绝对值函数：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        function abs(x) {
            if (x >= 0) {
                return x;
            } else {
                return -x;
            }
        }
    </script>
</head>
<body>

</body>
</html>
  • 一旦执行到retrun，函数就将停止执行，返回结果。
  • 打开浏览器控制台，使用我们刚才定义的取绝对值函数abs()，分别传入一个正数和一个负数，查看结果：

在这里插入图片描述

  • 补充：如果函数无明确的返回值，或调用了没有参数的return语句， 那么它的返回值为：undefined。

定义方式二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        // 匿名函数 - 没有函数名。
        // 将结果赋值给变量abs，通过abs就可以调用该匿名函数！
        let abs = function (x) {
            if (x >= 0) {
                return x;
            } else {
                return -x;
            }
        }
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，向函数abs()中分别传入一个正数和一个负数，查看结果：

在这里插入图片描述

  • 可以发现使用这两种方式来定义函数的效果是一样的。

参数问题

  • 参数问题：JavaScript 可以传任意个参数，也可以不传递参数~
  • 例：
    • 我们打开浏览器控制台，向之前定义的取绝对值函数abs()中分别传入多个参数和不传递参数，查看结果：

在这里插入图片描述

  • 可以看到程序依旧成功执行了，且并没有报错或提示出现异常。规避参数不存在的问题

规避参数不存在的问题

  • 我们可以通过手动判断并抛出异常的方式来规避参数不存在的问题。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let abs = function (x) {
            // 手动抛出异常
            if (typeof x != "number") { // typeof - 返回一个字符串，表示操作数的类型
                throw "Not a Number";
            }
            if (x >= 0) {
                return x;
            } else {
                return -x;
            }
        }
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，不向函数abs()中传递任何参数，查看结果：

在这里插入图片描述

  • 可以看到程序提示了我们手动定义的异常Not a Number。

arguments

  • arguments是一个对应于传递给函数的参数的类数组对象。它代表传递进函数的所有参数，是一个数组。参考：Arguments 对象 - JavaScript
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let abs = function (x) {
            console.log("x=>"+x);

            for (let i = 0; i < arguments.length; i++) {
                console.log(arguments[i]);
            }
            
            if (x >= 0) {
                return x;
            } else {
                return -x;
            }
        }
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，给abs()函数传入多个参数，查看结果：

在这里插入图片描述

剩余参数 - rest

  • 剩余参数语法允许我们将一个不定数量的参数表示为一个数组。 （ES 6+）
  • 剩余参数只能写在所有参数的最后面，用...标识。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        let aaa = function (x, y, ...rest) {
            console.log("x=>" + x);
            console.log("y=>" + y);
            console.log("rest=>" + rest);
        }
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，给aaa()函数传入分别传入一个，两个以及多个参数，查看结果：

在这里插入图片描述

变量的作用域

  • 在 JavaScript 中，var定义的变量实际是有作用域的。

局部变量

  • 语句块中声明的变量将成为语句块所在函数的局部变量。
  • 假设在函数体中声明，则在函数体外不可以使用 ~（ 如果非要在函数体外引用的话，需要使用 闭包）
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function abc() {
            var x = 1;
            x = x + 1;
        }

        x = x + 2; // Uncaught ReferenceError: x is not defined
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，发现程序报错：Uncaught ReferenceError: x is not defined

在这里插入图片描述

  • 如果两个函数使用了相同的变量名，只要都在函数内，就不冲突。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function abc() {
            var x = 1;
            x = x + 1;
        }

        function xyz() {
            var x = 10086;
            x = x + 1;
        }
    </script>
</head>
<body>

</body>
</html>
  • 函数abc()和函数xyz()都使用了x作为变量名，但都在函数体内，所以两者的变量名不会发生冲突，程序能够正常运行，不会报错。
  • 内部函数可以访问外部函数的成员，反之则不行。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function abc() {
            var x = 1;

            function xyz() {
                var y = x + 1; // 2
            }

            var z = y + 1; // Uncaught ReferenceError: z is not defined
        }
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，输入console.log(z);，查看结果：

在这里插入图片描述

  • 假设内部函数和外部函数的变量重名。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function abc() {
            var x = 1;

            function xyz() {
                var x = "A";
                console.log("inner => " + x);
            }
            console.log("outer => " + x);
            xyz(); // inner => A
        }
        abc(); // outer => 1
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

  • 在 JavaScript 中，函数会从自身开始，由内向外查找变量，假设外部存在这个同名的函数变量，则内部函数会屏蔽外部函数的变量（双亲委派机制）。

提示变量的作用域

  • 我们先来看以下代码：
    • 我们将需要调用变量y的语句写在变量y的声明与赋值语句之前：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function abc() {
            var x = "x" + y;
            console.log(x);
            var y = "y";
        }
        abc(); // xundefined
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

  • 原因：JavaScript 的执行引擎自动提升了变量y的声明，但却不会提升变量y的赋值。这是在 JavaScript 建立之初就存在的特性。
  • 由于 JavaScript 存在以上的特性，所以我们在编码过程中要规范书写顺序，用到的变量必须是前面定义过的，不要乱放，以便代码维护。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        function xyz() {
            var x = 10,
                y = 3,
                z,i; // undefined

            z = x + y;
            i = x - y;
            console.log(z);
            console.log(i);
        }
        xyz();
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

全局变量

  • 在函数之外声明的变量，叫做全局变量，它可被当前文档中的任何其他代码所访问。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        var x = 1;
        function f() {
            console.log(x);

        }
        f();
        console.log(x);
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

全局对象 - window

  • window对象表示一个浏览器窗口或一个框架。在 JavaScript 中，window对象是全局对象，所有的表达式都在当前的环境中计算。 也就是说在 JavaScript 中，默认所有的全局变量都会自动绑定在window对象下。（函数本身也可以是变量）
  • 例如：我们常用的弹窗函数alert()就可以写成window.alert()；同样的，我们定义的全局变量x也可以写作window.x：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        var x = 1;
        // 以下三种写法的表示的效果是相同的
        alert(x);
        window.alert(x);
        window.alert(window.x);
    </script>
</head>
<body>

</body>
</html>
  • 这三种写法的表示的效果是相同的：

在这里插入图片描述

  • 大胆尝试：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        "use strict";
        var x = "xxx";

        window.alert(x);

        var old_alert = window.alert;

        // old_alert(x);

        window.alert = function () {

        };

        // 发现alert()失效了
        window.alert(123);

        // 恢复
        window.alert = window.old_alert;
        window.alert(456);
    </script>
</head>
<body>

</body>
</html>
  • 以上尝试说明了 JavaScript 实际上只有一个全局作用域（window），任何变量（函数本身也可以作为变量），假设在函数作用范围内没有找到，就会向外查找。如果在全局作用域（window）中都没有找到，那么就会报错：ReferenceError（引用异常）。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.alert(x);
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

规范

  • 由于在 JavaScript 中，我们所有的全局变量都会绑定到window对象上。所以如果我们的项目中同时存在多个 js 文件，且它们之中使用了同名的全局变量，就会产生冲突。那么，我们应该如何减少这样的冲突呢？
  • 我们可以自己定义一个唯一全局变量来代替window对象，把自己的代码全部放进自己定义的唯一的空间名字中，通过这种方式来减少全局命名冲突的问题（ jQuery 就是使用的这种方式 ）。例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 唯一全局变量
        var MyApp = {};

        // 定义全局变量
        MyApp.name = "clown";
        MyApp.add = function (a, b) {
            return a + b;
        }
    </script>
</head>
<body>

</body>
</html>

局部作用域 - let

  • 我们先来看一个例子 - 在for循环体中使用var定义变量，然后我们再在循环体外调用这个变量：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function aaa() {
            for (var i = 0; i < 100; i++) {
                console.log(i);
            }
            console.log(i + 1);
        }
        aaa();
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

  • 我们发现，使用var定义变量时，即使除了循环体，我们也能调用到在循环体中定于的变量。这就说明发生了作用域冲突问题。
  • 为了解决作用域冲突这一问题，于是在 ES 6 就新推出了一个关键字：let。通过它，就能解决作用域冲突问题。它和var的区别在于：var定义的变量在其所在的整个函数体内都是可以被调用的，而let定义的变量只在其所在的语句块里可以被调用。
  • 下面我们把上面代码中的var改为let：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function aaa() {
            for (let i = 0; i < 100; i++) {
                console.log(i);
            }
            console.log(i + 1); // Uncaught ReferenceError: i is not defined
        }
        aaa();
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

  • 我们发现：在使用let定义循环体中的变量之后，循环体外的语句便不能再调用它了，作用域冲突问题得到了解决。
  • 所以，建议在编程过程中都使用let来定义局部作用域中的变量。

常量 - const

  • 和let一样，const也是 ES 6 推出的新特性。
  • 在 ES 6 推出之前，常量的定义方式：变量名的字母全部为大写字母的变量就代表常量（通过这种方法定义的 “常量” 本质上还是一个变量，它的值是可以被修改的）。所以如果我们在工作过程中见到了这样的变量名全部定义为大写的变量，建议不要去随意修改它的值，因为很可能它表示的是一个常量。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 在 ES6 推出之前，约定俗成，名字全部用大写字母表示的变量，就代表它为常量
        var PI = 3.14;
        PI = 2;
        console.log(PI); // 这样定义的常量的值其实是可以被改变的
    </script>
</head>
<body>

</body>
</html>
  • 打开浏览器控制台，查看结果：

在这里插入图片描述

  • 所以，为了解决上述问题，规范编码，在 ES 6 中就推出了关键字 - const，用来定义常量（只读变量）。
  • 例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 在 ES6 推出了 const 关键字，用来定义只读变量（常量）
        const PI = 3.14;
        PI = 2; // Uncaught TypeError: Assignment to constant variable.
        console.log(PI);
    </script>
</head>
<body>

</body>
</html>
  • 我们可以发现 IDEA 会报错并提示我们该变量值是只读的，不允许修改：

在这里插入图片描述

  • 运行：发现程序报错：Uncaught TypeError: Assignment to constant variable.

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1011004.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

OPCAE扫盲

OPCAE扫盲

目录 1 基本概念 1.1 服务器/客户端 1.2 区域 1.3 报警/条件 1.4 事件 2 条件概念 2.1 子条件 2.2 OPCConditions属性 2.3 Condition质量 2.4 OPCSubConditions属性 2.5 Condition定义 2.6 严重性 2.7 Condition启用/禁用 2.8 Area启用/禁用 2.9 Condition状态集…
阅读更多...
域控操作一：更换域用户桌面背景

域控操作一：更换域用户桌面背景

1,创建背景图片文件夹并设置共享文件夹&#xff1a; 创建文件夹&#xff0c;将图片放进去&#xff0c;设置共享&#xff0c;权限改为Everyone 2&#xff0c;打开域控服务器设置组策略 在需要的组织单位OU内创建GPO设置名字为统一桌面背景 用户配置–管理模板–桌面–桌面 Act…
阅读更多...
期权怎样的加仓才是合理的加仓？

期权怎样的加仓才是合理的加仓？

期权加仓的手法是期权投资中常见的一种操作的手段,一般是在行情有大涨趋势的时候,投资者通过追加仓位来扩大收益和缩小持仓成本的策略&#xff0c;下文为大家介绍期权怎样的加仓才是合理的加仓&#xff1f;本文来自&#xff1a;期权酱 一、期权交易怎么加仓最合适&#xff1f;期…
阅读更多...
[H5动画制作系列 ] Text及Button 的基础原理Demo

[H5动画制作系列 ] Text及Button 的基础原理Demo

准备工作: 舞台上方是个动态文本框,名称为:myText,舞台下方是一个按钮元件(myButton)的实例,名称是:myButton1,当点击按钮时,能够在文本框上和控制台(console)输出:当前帧号以及全局i的变量值。建立两个图层,一个图层布局按钮和文本框,另一个图层专门部署代码。 操作步骤: 步…
阅读更多...
WebGL 正确处理对象前后的关系——隐藏面消除（深度测试）/ 深度冲突

WebGL 正确处理对象前后的关系——隐藏面消除（深度测试）/ 深度冲突

目录 前言 验证WebGL处理对象前后关系的规则——后绘制的图形覆盖先绘制的图形 隐藏面消除&#xff08;深度测试&#xff09; 开启隐藏面消除功能&#xff0c;需要遵循以下两步&#xff1a; 1.开启隐藏面消除功能。 gl.enable&#xff08;&#xff09;函数规范 2.在绘制…
阅读更多...
计算机毕业设计 基于SSM的电影推荐系统的设计与实现 Java实战项目 附源码+文档+视频讲解

计算机毕业设计 基于SSM的电影推荐系统的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍&#xff1a;✌从事软件开发10年之余&#xff0c;专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精…
阅读更多...
zabbix 钉钉微信企微告警（动作操作消息内容模板）

zabbix 钉钉微信企微告警（动作操作消息内容模板）

一、环境配置 1、配置zabbix服务端 2、配置监控主机&监控项&监控模板 zabbix配置安装_this page is used to test the proper operation of _疯飙的蜗牛的博客-CSDN博客 二、触发器 触发器的本质就是一个条件判断&#xff0c;对于不同的监控数据来说&#xff0c;我…
阅读更多...
小剧场短剧影视小程序源码分享，搭建自己的短剧小程序

小剧场短剧影视小程序源码分享，搭建自己的短剧小程序

拥有一个属于自己的短剧小程序&#xff0c;是现代人追求创作梦想和与观众互动的新方式。近年来&#xff0c;小剧场短剧影视小程序的兴起为广大创作者提供了展示才华和与观众互动的平台。如果你也渴望搭建一个自己的短剧小程序&#xff0c;那么你来对地方了&#xff01;在本文中…
阅读更多...
一个Python终端增强开源库

一个Python终端增强开源库

迷途小书童 读完需要 4分钟 速读仅需 2 分钟 1 简介 rich 是由 Will McGugan 开发的一个开源库&#xff0c;旨在提供更好的终端文本渲染和样式处理能力。它提供了丰富的文本格式化选项&#xff0c;包括颜色、粗体、斜体、下划线、对齐等。rich 不仅适用于命令行界面的美化&…
阅读更多...
MYSQL 窗体汇总函数

MYSQL 窗体汇总函数

如果我们想要汇总当天数据&#xff0c;当月数据&#xff0c;当年数据的。如果不懂窗体函数&#xff0c;可能会比较费劲&#xff0c;那小编就说了&#xff0c;我用java处理同样可以达到效果啊。可问题是。明明有现成的函数&#xff0c;为啥要用java处理&#xff0c;当然同时&…
阅读更多...
【zlm】 webrtc源码讲解

【zlm】 webrtc源码讲解

目录 前端WEB 服务器收到请求 服务端的处理 播放 拉流 参考文章 前端WEB 服务器收到请求 POST /index/api/webrtc?applive&streamtest&typeplay HTTP/1.1 HttpSession::onRecvHeaderHttpSession::Handle_Req_POSTHttpSession::Handle_Req_POSTif (totalConte…
阅读更多...
iPhone苹果15手机怎么看是国行还是美版或港版的苹果iPhone15手机？

iPhone苹果15手机怎么看是国行还是美版或港版的苹果iPhone15手机？

iPhone苹果手机15机型区域版本识别代码 CH代码为国行 LL代码为美版 ZP代码为港版 iPhone苹果15手机怎么看是国行还是美版或港版的苹果iPhone15手机&#xff1f; 1、打开苹果iPhone15手机桌面上的「设置」&#xff1b; 2、在iPhone苹果15手机设置内找到「通用」并点击打开&…
阅读更多...
MySQL修改时间添加时间自动更新

MySQL修改时间添加时间自动更新

第一种: database.php设置 false改为true;然后看是使用的什么框架 如果是tp5需要数据库是create_time和update_time字段 laravel的话,需要的是created_at和updated_at字段 如果想自定义的话,就在model文件里加上 protected $createTime create_at;// 默认的字段为create_t…
阅读更多...
腾讯mini项目-【指标监控服务重构】2023-08-01

腾讯mini项目-【指标监控服务重构】2023-08-01

今日已办 合并 Traefik 和 Profile 的 Trace 对 Traceparent Header 理解有误 Trace Context (w3.org) 故需要解析 TraceHeader 才能获取trace_id、parent_id func (profileCtx *ProfileContext) UnpackKafkaMessage(ctx context.Context) (needBreak bool, tpsStatus strin…
阅读更多...
浅谈C++|模板篇

浅谈C++|模板篇

一.模板模板概念 模板就是建立通用的模具&#xff0c;大大提高复用性 模板的特点&#xff1a; 1.模板不可以直接使用&#xff0c;它只是一个框架 2.模板的通用并不是万能的 C另一种编程思想称为泛型编程&#xff0c;主要利用的技术就是模板。 C提供两种模板机制:函数模板和类模…
阅读更多...
机器学习（14）---逻辑回归（含手写公式、推导过程和手写例题）

机器学习（14）---逻辑回归（含手写公式、推导过程和手写例题）

逻辑回归 一、逻辑回归概述二、模型、策略和优化&#xff08;手写&#xff09;三、w和b的梯度下降公式推导四、例题分析4.1 题目4.2 解答 一、逻辑回归概述 1. 逻辑回归也称作logistic回归分析&#xff0c;是一种广义的线性回归分析模型&#xff0c;属于机器学习中的监督学习。…
阅读更多...
《Web安全基础》07. 反序列化漏洞

《Web安全基础》07. 反序列化漏洞

web 1&#xff1a;基本概念1.1&#xff1a;序列化&反序列化1.2&#xff1a;反序列化漏洞1.3&#xff1a;POP 链 2&#xff1a;PHP 反序列化2.1&#xff1a;序列化&反序列化2.2&#xff1a;魔术方法 3&#xff1a;JAVA 反序列化3.1&#xff1a;序列化&反序列化3.2&a…
阅读更多...
vue移动端页面适配

vue移动端页面适配

页面的适配&#xff0c;就是一个页面能在PC端正常访问&#xff0c;同时也可以在移动端正正常访问。 现在我们可以通过弹性布局【Flexible布局】、媒体查询和响应式布局。除此之外&#xff0c;还可以通过rem和vw针对性地解决页面适配问题。 响应式布局 响应式布局的核心&…
阅读更多...
【C++】day6学习成果

【C++】day6学习成果

#include <iostream>using namespace std;template<typename T> class MyVector { private:T *p; //动态数组的首地址 用来保存数据int Size; //动态数组的元素个数int max1size; //动态数组的最大长度 public://无参数 - 构造一个空的ve…
阅读更多...
react路由01——react-routerV6 中路由传递参数的几种方式

react路由01——react-routerV6 中路由传递参数的几种方式

react路由01——react-routerV6 中路由传递参数的几种方式 1. 前言1.1 关于react- router&#xff0c;上官网1.2 react脚手架demo 2. 路由简单配置——无参数3. 路由传参方式3.1 params参数3.1.1 params参数——useParams钩子3.1.2 params参数——useMatch钩子 3.2 search参数3…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023