JavaScript学习笔记（二）

最新推荐文章于 2024-07-25 14:02:05 发布
最新推荐文章于 2024-07-25 14:02:05 发布
阅读量1k 收藏 13
点赞数 21
分类专栏： JavaScript 文章标签： javascript 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wz_1992/article/details/139501207
版权

12、数字

常规用法和java的用法相似，就不再做详细的记录,
JavaScript 数字
以下只记录特殊用法：

12.1 数字字符串运算

  • 在所有数字运算中，JavaScript 会尝试将字符串转换为数字：
var x = "100";
var y = "10";
var z = x / y;       // z 将是 10

var x = "100";
var y = "10";
var z = x - y;      // z 将是 90


var x = "100";
var y = "10";
var z = x + y;       // z 不会是 110（而是 10010）

var x = 100 / "10";     // x 将是 10

12.2 NaN - 非数值（Not a Number）

  • NaN 属于 JavaScript 保留词，指示某个数不是合法数。
var x = 100 / "Apple";  // x 将是 NaN（Not a Number）
  • 可使用全局 JavaScript 函数 isNaN() 来确定某个值是否是数：
var x = 100 / "Apple";
isNaN(x);               // 返回 true，因为 x 不是数
  • NaN 是数，typeof NaN 返回 number：
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 数字</h1>

<p>NaN 是数，typeof NaN 返回 number：</p>

<p id="demo"></p>

<script>
var x = NaN;
document.getElementById("demo").innerHTML = typeof x;
</script>

</body>
</html>

运行效果：

Javascript 数字
NaN 是数，typeof NaN 返回 number：

number

12.3 Infinity

  • Infinity （或 -Infinity）是 JavaScript 在计算数时超出最大可能数范围时返回的值。
  • 除以 0（零）也会生成 Infinity：
var x =  2 / 0;          // x 将是 Infinity
var y = -2 / 0;          // y 将是 -Infinity
  • Infinity 是数：typeOf Infinity 返回 number：
typeof Infinity;        // 返回 "number"

12.4 十六进制

var x = 0xFF;             // x 将是 255。

  • 绝不要用前导零写数字（比如 07）。

  • 一些 JavaScript 版本会把带有前导零的数解释为八进制。

  • 默认地，Javascript 把数显示为十进制小数。

  • 但是您能够使用 toString() 方法把数输出为十六进制、八进制或二进制：

var myNumber = 128;
myNumber.toString(16);     // 返回 80
myNumber.toString(8);      // 返回 200
myNumber.toString(2);      // 返回 10000000

12.5 数值可以是对象

  • 使用 == 相等运算符时，相等的数看上去相等
  • === 运算符需要类型和值同时相等
  • 对象无法进行对比
var x = 123;
var y = new Number(123);
var z = new Number(500);

// typeof x 返回 number
// typeof y 返回 object

// (x == y) 为 true，因为 x 和 y 有相等的值

// (x === y) 为 false，因为 x 和 y 的类型不同（=== 运算符需要类型和值同时相等。）

// (y == z) 为 false，因为对象无法比较

13、JavaScript BigInt

JavaScript BigInt

14、JavaScript 数字方法

在这里插入图片描述
将变量转换为数字：

在这里插入图片描述

14.1 toString() 方法

  • toString() 方法将数字作为字符串返回。

  • 所有数字方法都可以用于任何类型的数字（文字、变量或表达式）

let x = 123;
x.toString();
(123).toString();
(100 + 23).toString();

14.2 toExponential() 方法

  • toExponential() 返回字符串，其中的数字四舍五入并使用指数表示法书写。

  • 参数定义小数点后的字符数

<script>
let x = 9.656;
document.getElementById("demo").innerHTML =
  x.toExponential() + "<br>" + 
  x.toExponential(2) + "<br>" + 
  x.toExponential(4) + "<br>" + 
  x.toExponential(6);
</script>

运行结果：

9.656e+0
9.66e+0
9.6560e+0
9.656000e+0

14.3 toFixed() 方法

  • toFixed() 返回一个字符串，其中的数字带有指定位数的小数部分。
<script>
let x = 9.656;
document.getElementById("demo").innerHTML =
  x.toFixed(0) + "<br>" +
  x.toFixed(2) + "<br>" +
  x.toFixed(4) + "<br>" +
  x.toFixed(6);
</script>

运行效果：

10
9.66
9.6560
9.656000

14.4 toPrecision() 方法

  • toPrecision() 返回一个字符串，其中包含指定长度的数字
<script>
let x = 9.656;
document.getElementById("demo").innerHTML = 
  x.toPrecision() + "<br>" +
  x.toPrecision(2) + "<br>" +
  x.toPrecision(4) + "<br>" +
  x.toPrecision(6);  
</script>

运行效果：

9.656
9.7
9.656
9.65600

14.5 valueOf() 方法

  • valueOf() 以数字形式返回数字。
  • valueOf() 方法在 JavaScript 内部用于将 Number 对象转换为原始值
  • 提示：所有 JavaScript 数据类型都有 valueOf() 和 toString() 方法。
<script>
let x = 123;

document.getElementById("demo").innerHTML = 
  x.valueOf() + "<br>" +
  (123).valueOf() + "<br>" +
  (100 + 23).valueOf();
</script>

运行效果：

123
123
123

14.6 Number() 方法

  • Number() 方法可用于将 JavaScript 变量转换为数字
  • 如果无法转换数字，则返回 NaN (Not a Number，非数字)。
<script>
document.getElementById("demo").innerHTML = 
  Number(true) + "<br>" +
  Number(false) + "<br>" +
  Number("10") + "<br>" + 
  Number("  10") + "<br>" +
  Number("10  ") + "<br>" +
  Number(" 10  ") + "<br>" +
  Number("10.33") + "<br>" + 
  Number("10,33") + "<br>" +
  Number("10 33") + "<br>" +
  Number("John");
</script>

运行效果：

1
0
10
10
10
10
10.33
NaN
NaN
NaN
  • 日期上使用的 Number() 方法：
    该示例返回时间的毫秒数

<script>
let x = new Date("1970-01-02");
document.getElementById("demo").innerHTML = Number(x); 
</script>

运行效果：

86400000

14.7 parseInt() 方法

  • parseInt() 解析字符串并返回整数。允许有空格。仅返回第一个数字
  • 如果无法转换数字，则返回 NaN (Not a Number，非数字)。
<script>
document.getElementById("demo").innerHTML = 
  parseInt("-10") + "<br>" +
  parseInt("-10.33") + "<br>" +
  parseInt("10") + "<br>" +
  parseInt("10.33") + "<br>" +
  parseInt("10 6") + "<br>" +  
  parseInt("10 years") + "<br>" +  
  parseInt("years 10");  
</script>

运行效果：

-10
-10
10
10
10
10
NaN

14.8 parseFloat() 方法

  • parseFloat() 解析字符串并返回数字。允许有空格。仅返回第一个数字
  • 如果无法转换数字，则返回 NaN (Not a Number，非数字)。
<script>
document.getElementById("demo").innerHTML = 
  parseFloat("10") + "<br>" +
  parseFloat("10.33") + "<br>" +
  parseFloat("10 6") + "<br>" +  
  parseFloat("10 years") + "<br>" +
  parseFloat("years 10");    
</script>

运行效果：

10
10.33
10
10
NaN

14.9 Number 对象方法

在这里插入图片描述

14.9.1 Number.isInteger() 方法

  • 如果参数是整数，则 Number.isInteger() 方法返回 true。

<script>
document.getElementById("demo").innerHTML =
Number.isInteger(10) + "<br>" + Number.isInteger(10.5);
</script>

运行效果：

true
false

14.9.2 Number.isSafeInteger() 方法

  • 安全整数指的是可以被精确表示为双精度浮点数的整数。

  • 如果参数是安全整数，则 Number.isSafeInteger() 方法返回 true。

<script>
document.getElementById("demo").innerHTML =
Number.isSafeInteger(10) + "<br>" + Number.isSafeInteger(12345678901234567890);
</script>

运行效果：

true
false

注意：
安全整数是从 -(253 - 1) 到 +(253 - 1) 的所有整数。

这是安全的：9007199254740991。这是不安全的：9007199254740992。

14.9.3 Number.parseFloat() 方法

  • Number.parseFloat() 解析字符串并返回数字。

  • 允许有空格。仅返回第一个数字

<script>
document.getElementById("demo").innerHTML = 
Number.parseFloat("10") + "<br>" +
Number.parseFloat("10.33") + "<br>" +
Number.parseFloat("10 20 30") + "<br>" +
Number.parseFloat("10 years") + "<br>" +
Number.parseFloat("years 10");
</script>

运行效果：

10
10.33
10
10
NaN

14.9.4 Number.parseInt() 方法

  • Number.parseInt() 解析字符串并返回整数。

  • 允许有空格。仅返回第一个数字

<script>
document.getElementById("demo").innerHTML = 
  Number.parseInt("-10") + "<br>" +
  Number.parseInt("-10.33") + "<br>" +
  Number.parseInt("10") + "<br>" +
  Number.parseInt("10.33") + "<br>" +
  Number.parseInt("10 6") + "<br>" +  
  Number.parseInt("10 years") + "<br>" +  
  Number.parseInt("years 10");  
</script>

运行效果：

-10
-10
10
10
10
10
NaN

15、JavaScript 数字属性

JavaScript 数字属性

16、JavaScript 数字属性

在这里插入图片描述
详细见JavaScript 数字属性

17、数组

17.1创建数组：

  • var cars = ["Saab", "Volvo", "BMW"];(推荐使用)
  • var cars = new Array("Saab", "Volvo", "BMW");

17.2 访问数组元素

  • var name = cars[0];（访问）
  • cars[0] = "Opel";(修改)
  • var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("demo").innerHTML = cars; （访问完整数组）
  • var person = {firstName:"Bill", lastName:"Gates", age:19};（数组对象）
  • 遍历数组：
    （1）使用for
<!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>
  <p id="demo"></p>
  <script>
    var cars = ['A', 'B', 'C'];
    text = '<ul>';
    for (var i = 0; i < cars.length; i++) {
      text += '<li>' + cars[i] + '</li>'
    }
    text += '</ul>';
    document.getElementById('demo').innerHTML = text;
  </script>
</body>

</html>

（2）使用 Array.foreach() 函数：

<!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>
  <p id="demo"></p>
  <script>
    var cars = ['A', 'B', 'C'];
    text = '<ul>';
   cars.forEach(myFunction);
    text += '</ul>';

    function myFunction(value){
      text+='<li>'+value+'</li>';
    }
    document.getElementById('demo').innerHTML = text;


  </script>
</body>

</html>

运行效果：
在这里插入图片描述

  • 添加数组元素：
    （1）向数组添加新元素的最佳方法是使用 push() 方法：
<!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>

  <button onclick="myFunction()">点击添加元素</button>


  <p id="demo"></p>
  <script>
    var cars = ['A', 'B', 'C'];
    document.getElementById('demo').innerHTML = cars;
    function myFunction() {
      //添加元素
      cars.push('D');
      document.getElementById('demo').innerHTML = cars;
    }
  </script>
</body>

</html>

（2）也可以使用 length 属性向数组添加新元素：

  cars[cars.length]='D';

17.3 数组和对象的区别

  • 在 JavaScript 中，数组使用数字索引。

  • 在 JavaScript 中，对象使用命名索引。

  • 数组是特殊类型的对象，具有数字索引。

17.4 如何识别数组

你可能首先考虑使用typeof，但你要注意的是运算符 typeof 返回 “object”
我们可以使用：

Array.isArray(fruits);     // 返回 true

或者

var fruits = ["Banana", "Orange", "Apple", "Mango"];
 
fruits instanceof Array     // 返回 true

18、数组方法

18.1 toString()

  • 把数组转换为数组值（逗号分隔）的字符串。
<!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>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C"];
    document.getElementById('demo').innerHTML = cars.toString();
  </script>
</body>

</html>

运行效果：
A,B,C

18.2 join()

  • 可将所有数组元素结合为一个字符串。它的行为类似 toString()，但是您还可以规定分隔符。
  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C"];
    document.getElementById('demo').innerHTML = cars.join("*");
  </script>

运行效果：
ABC

18.3 Popping 和 Pushing

*在处理数组时，删除元素和添加新元素是很简单的。Popping 和 Pushing 指的是：从数组弹出项目，或向数组推入项目。

18.4 Popping

  • 数组中删除最后一个元素
  • pop() 方法返回“被弹出”的值
 <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C","D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction(){
      cars.pop();
      document.getElementById('demo').innerHTML = cars;
    }
  </script>

点击按钮前：A,B,C,D
点击按钮后：A,B,C

18.5 Pushing

  • push() 方法（在数组结尾处）向数组添加一个新的元素
  • push() 方法返回新数组的长度
<body>
  <button onclick="myFunction()">点击添加一个元素</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C","D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction(){
      cars.push("E");
      document.getElementById('demo').innerHTML = cars;
    }
  </script>
</body>

点击按钮后：A,B,C,D,E

18.6 shift()和unshift() 位移元素

  • 位移与弹出等同，但处理首个元素而不是最后一个。
  • shift() 方法返回被“位移出”的字符串

18.6.1 shift()

  • shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引。
<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C","D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction(){
      cars.shift();
      document.getElementById('demo').innerHTML = cars;
    }
  </script>
</body>

操作前：A,B,C,D
操作后：B,C,D

18.6.2 unshift()

  • unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素。
  • unshift() 方法返回新数组的长度。
<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C","D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction(){
      cars.unshift("New");
      document.getElementById('demo').innerHTML = cars;
    }
  </script>

操作前：A,B,C,D
操作后：New,A,B,C,D

18.7更改元素

  • （1）通过使用它们的索引号来访问数组元素：
<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C","D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction(){
      cars[0]='New';
      document.getElementById('demo').innerHTML = cars;
    }
  </script>
</body>

操作前：A,B,C,D
操作后：New,B,C,D

  • （2）length 属性提供了向数组追加新元素的简易方法：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
  • （3）delete 运算符来删除元素（不建议使用）
    使用 delete 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之。
<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C","D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction(){
      delete cars[0];
      //document.getElementById('demo').innerHTML = cars; //操作后：,B,C,D
       document.getElementById('demo').innerHTML = cars[0];//操作后：undefined
    }
  </script>
</body>

18.8 拼接数组：splice()

18.8.1 拼接数组

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

  • 第一个参数（2）定义了应添加新元素的位置（拼接）。

  • 第二个参数（0）定义应删除多少元素。

  • 其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。

<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C", "D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction() {
      cars.splice(2, 1, "New01", "New02");
      document.getElementById('demo').innerHTML = cars;
    }
  </script>
</body>

运行效果：A,B,New01,New02,D

18.8.2 使用 splice() 来删除元素

  • 第一个参数（0）定义新元素应该被添加（接入）的位置。

  • 第二个参数（1）定义应该删除多个元素。

  • 其余参数被省略。没有新元素将被添加。

<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars = ["A", "B", "C", "D"];
    document.getElementById('demo').innerHTML = cars;
    function myFunction() {
      cars.splice(0, 1);
      document.getElementById('demo').innerHTML = cars;
    }
  </script>
</body>

运行效果：B,C,D

18.9 合并（连接）数组：concat()

  • 通过合并（连接）现有数组来创建一个新数组：

（1）实例（合并两个数组）：

<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars01 = ["A", "B", "C", "D"];
    var cars02 = ["E", "F", "G", "H"];
    document.getElementById('demo').innerHTML = cars01;
    function myFunction() {
      document.getElementById('demo').innerHTML = cars01.concat(cars02);
    }
  </script>
</body>

运行效果：A,B,C,D,E,F,G,H

（2）实例（合并三个数组）：

<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars01 = ["A", "B", "C", "D"];
    var cars02 = ["E", "F", "G", "H"];
    var cars03 = ["I", "J", "K", "L"];
    document.getElementById('demo').innerHTML = cars01;
    function myFunction() {
      document.getElementById('demo').innerHTML = cars01.concat(cars02,cars03);
    }
  </script>
</body>

运行效果：A,B,C,D,E,F,G,H,I,J,K,L

（3）实例（将数组与值合并）：

<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars01 = ["A", "B", "C", "D"];
    document.getElementById('demo').innerHTML = cars01;
    function myFunction() {
      document.getElementById('demo').innerHTML = cars01.concat("E","F");
    }
  </script>
</body>

运行效果：A,B,C,D,E,F

18.10 裁剪数组：slice()

  • slice() 方法创建新数组。它不会从源数组中删除任何元素
<body>
  <button onclick="myFunction()">点击</button>

  <p id="demo"></p>
  <script>
    var cars01 = ["A", "B", "C", "D"];
    document.getElementById('demo').innerHTML = cars01;
    function myFunction() {
      // document.getElementById('demo').innerHTML = cars01.splice(1);
      document.getElementById('demo').innerHTML = cars01.splice(1,2);
    }
  </script>
</body>

18.11 自动 toString()

  • 如果需要原始值，则 JavaScript 会自动把数组转换为字符串。
  • 所有 JavaScript 对象都拥有 toString() 方法。
文阿花
关注
  • 21
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript学习笔记二 之 变量
12-11
一.关于Javascript变量声明 在Javascript中，声明一个变量 var a=1; 也可以直接 a=1; 这两种表达是有区别的， 一个是当前作用域的局部变量，另一个则是当前作用域的全局变量；... // error 二.Javascript变量作用域
javascript学习笔记
11-24
学习JavaScript时，了解这些基础知识是至关重要的。随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的...
Javascript 学习 笔记二
勿忘初心
08-28 1325
1、查找HTML元素         通常，通过 JavaScript，您需要操作HTML 元素。         为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：         通过id找到HTML元素（本例查找 id="intro" 元素） var x=document.getElementById("intro");         通过标签名找到HTML元素（本例
Javascript入门学习笔记
weixin_61370021的博客
04-27 4605
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript学习笔记
qq_53388077的博客
03-30 1533
JavaScript是一门跨平台、面向对象的脚本语言，是用来控制网页行为的。脚本语言通常直接解释执行，不需要编译，缩短了传统编程语言的运行过程/*定义格式：var 对象名={属性名1：属性值1，属性名2：属性值2，属性名3：属性值3，函数名称：function(形参列表){}*/var user={age:20,alert("用膳");//简化方法：eat(){alert("用膳");
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
JavaScript 学习笔记 超详细（b站pink老师）
weixin_59531237的博客
05-10 5958
1. JavaScript （是什么？是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2. 作用（做什么？– 网页特效 (监听用户的一些行为让网页作出对应的反馈)– 表单验证 (针对表单数据的合法性进行判断)– 数据交互 (获取后台的数据, 渲染到前端)– 服务端编程 (node.js)3. JavaScript的组成（有什么？
JavaScript新手入门学习笔记
qq_43389754的博客
12-04 4万+
JavaScript介绍 1.1 前端三要素 HTML 超文本标记语言 决定了网页中的视图内容 CSS 层叠样式表 决定了网页中的视图效果 JavaScript 赋予网页动态功能 1.2 JavaScript简介 JavaScript是一种基于对象的事件驱动型、弱类型的脚本语言 基于对象：区别于Java中的面向对象，遵循对象.方法的规则，但是没有类的概念 事件驱动：脚本语言代码需要由网页中的事件来触发执行 脚本语言：JS作为寄生语言，写在HTML网页中 JavaScript在1995年
javascript 学习笔记
Katios
05-25 7237
注释“//”表示单行注释 “/* */”可以用来多行注释变量1.变量必须使用字母、下划线(_)或者美元符($)开始。2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。3.不能使用JavaScript关键词与JavaScript保留字4.变量区分大小写 javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前
JavaScript 学习笔记 ——document
我有两颗糖
02-20 5916
1. 浏览器环境 JavaScript 语言最初是为 Web 浏览器创建的。此后，它已经发展成为一种具有多种用途和平台的语言。 下面是 JavaScript 在浏览器中运行时的鸟瞰示意图： windows 是根对象，它充当 JavaScript 的全局对象以及代表着浏览器窗口，提供控制浏览器窗口的方法。 1.1 DOM 文档对象模型 DOM 将所有页面内容表示为可以修改的对象，document 是页面的入口，可以利用它修改创建 HTML 的内容，可以参考 DOM： document.bodyDOM.st
JavaScript基础知识学习笔记
weixin_43739821的博客
01-05 742
引入方式 基础语法 书写语法 变量 数据类型和运算符 函数function 第一种定义格式 第二种定义格式 闭包 对象 基本对象 Array对象 String对象 自定义对象 JSON对象 BOM对象 Window对象 Location对象 DOM对象 DOM介绍 获取DOM对象 操作DOM对象 案例 javascript事件 javascript事件简介 javascript事件绑定 常见javascript事件 javascript事件案例
JavaScript学习笔记（一）
SH041218121的博客
03-13 1598
前提提要： 学习视频来源：B站尚硅谷。 软件：HBuilder 浏览器：谷歌浏览器 这边记录个人学习笔记。 基本输出语句： 新建一个.html文件，在head中建立一个script中书写语句。 1、alert("在浏览器窗口弹出一个警告框"); 2、document.write("可以向body中输出一个内容") ; 3、console.log("向控制台输出一个内容"); ...
JavaScript 学习笔记二 字符串拼接
12-07
在JavaScript编程语言中，字符串是不可变的，这意味着一旦创建了一个字符串，就不能修改它的内容。因此，当进行字符串拼接时，尤其是频繁拼接...此外，持续关注和学习编程语言的最佳实践，对于优化代码性能至关重要。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 207
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
【React 】开发环境搭建详细指南
lph159的博客
07-24 884
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
VUE中的重点*
qq_61132537的博客
07-22 925
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
vue如何解决跨域？
FENGZXCjjjjj的博客
07-21 518
在Vue.js项目中，当你的前端应用尝试从与自身不同源的服务器（协议、域名、端口中的任一不同）加载资源时，可能会遇到跨域（CORS, Cross-Origin Resource Sharing）问题。
thinkphp8结合layui2.9 图片上传验证
quweiie的专栏
07-21 339
thinkphp8图片上传的验证
Vue3可媲美Element Plus Tree组件实战之移除节点
最新发布
felix_alone2012的博客
07-25 481
《Element Plus Tree - 自定义节点内容》示例中介绍了移除节点的用法，个人觉得作为提供给用户API，应该遵循迪米特法则，把功能实现的细节封装在组件内部，而提供给用户最简单的操作方式，同时在此基础上支持用户的扩展。因此，在API使用的人性化方便，个人觉得element plus做的并不优秀。为此，我们自定义tree组件时对用户API可以设计的更人性化些。
JavaScript学习笔记：元素交互与基本语法详解
本篇笔记记录了作者在学习JavaScript过程中的关键知识点，主要包括以下几个方面： 1. HTML中使用JavaScript: - 使用`<script>`元素插入脚本，这是在HTML文档中嵌入JavaScript的基本方式。 - 子页面与父页面之间的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值