JavaScript --简介

最新推荐文章于 2024-07-30 10:56:44 发布
最新推荐文章于 2024-07-30 10:56:44 发布
阅读量233 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63596823/article/details/131969236
版权

目录

JS可以用来做什么？

JS在前端中几种写法:

1. 文件引用：

2. 页面样式

3. 行内样式

集中常见的弹框:

JS基本语法：

变量：

常量：

数据类型：

基本数据类型：

引用数据类型：

数据类型转换：

运算符：

算术运算符

逻辑运算符：

比较运算符：

赋值运算符：

自增自减运算符：

三目运算符：

流程控制：

分支结构：

单分支：

双分支：

多分支：

switch语句：

循环结构：

while 循环：

for 循环：

do...while 循环：

break 语句和 continue 语句：

label 标签：

JS中this指向详解：

什么是this？

一、this的指向：

1.1. 全局环境中的this：

1.2. 对象中的this：

1.3. 构造函数中的this:

1.4. 事件中的this：

1.5. 箭头函数中的this：

1.6. 严格模式下的this：

二、改变this的指向（绑定this）：

1.1. call方法：

1.2. apply方法：

1.3. bind方法：

1.4. 方法对比：

三、使用的注意点：

1.1. 避免多层 this：

1.2. 避免数组处理方法中的 this：

1.3. 避免回调函数中的 this：

JS可以用来做什么？

  • 数据校验
  • 网页特效
  • 数据交互

JS在前端中几种写法:

1. 文件引用：

// main.html
  <script src="js.js"> </script>
// js.js
	alert("hello word")

注意：进行引用的script标签不能自结束，也不能在内容部分中写代码，要写代码另起一个script标签。

2. 页面样式

<script type="text/javascript">
alert('hello world!')
</script>

3. 行内样式

<button οnclick="alert('你点我干嘛?')">按钮</button>>

集中常见的弹框:

alert 警告框:

confirm 确认框：

两个按钮，一个取消一个确定，点击取消confirm将会返回false，点击确定返回True。

prompt输入框：

两个参数。

第一个参数是输入框提示信息，第二个参数是默认值。

当点击确定后会将用户输入的内容以字符串的形式返回。

JS基本语法：

变量：

  • 使用let关键字进行对变量的声明 ；
  • 使用var关键字进行对变量的声明 （可以重复创建变量，let不行）；

常量：

值不会发生变化的量。

使用const 关键字创建常量。

数据类型：

基本数据类型：

  • 数值类型Number
      • 整型int
      • 浮点型float
  • 字符串类型String

被单引号，双引号或反引号引起来的内容就是字符串

  • 布尔型Boolean

他只有两个值一个是True一个是False

  • null表示

空类型

  • NaN（not a number）

表示这不是一个数字

  • undefined

表示未定义

引用数据类型：

数组Array：关于多个数据的容器

对象Object

数据类型转换：

  • 自动类型转换：
  • 强制类型转换：

字符串转为整型：num = parseInt(str)

字符串转为浮点型：num = parseFloat(str)

prompt函数返回的是字符串，即使输入的内容是数字，

所以需要使用parseInt、parseFloat进行类型强制转换；

运算符：

算术运算符

加+、减-、乘*、除÷、取余%、幂次**

逻辑运算符：

包括 与（&&、并且）、或（||、或者）、非（!、不是）三种

比较运算符：

>、<、>=、<=、 ==、===、!=

  • 在JS中双等只判断值是否相等不判断类型；
  • 三等会考虑变量的数据类型，如果数据类型不同，即使值一样也是返回false；

赋值运算符：

=、+=、-=、*=、\=、**=、 %=

自增自减运算符：

a++、++a、a--、--a

如若自增或自减符号写在变量后面，则他的运算优先级是最低的，低过等号，

也就说会先进行赋值运算在进行自增/自减；

a++ 先赋值再自增自减 ++a 先自增自减再赋值

三目运算符：

变量 = 表达式 ? 值 1: 值2; 表达式如果结果为true，则变量的值就是第一个值1，否则就是值2。

条件? 条件成立的代码：条件不成立的代码

流程控制：

分支结构：

单分支：

单分支主要就是针对一种情况下的判断，使用 if 关键字。

双分支：

多分支：

if语句的多分支

switch语句：

switch和if多分支的区别：

  • 1.switch必须是一个具体值才可进行分支处理，他不能用不等式代替。
  • 2.switch代码结构清晰，一目了然，但是最重要的是switch 使用了binary Tree（二叉树），

只需要以此计算就可以找到对应分支，所以分支较多的情况下switch执行效率高

循环结构：

while 循环：

While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。

while (条件)
  语句;

// 或者
while (条件) 语句;

for 循环：

for语句是循环命令的另一种形式，可以指定循环的起点、终点和终止条件。

for (初始化表达式; 条件; 递增表达式)
  语句

// 或者、

for (初始化表达式; 条件; 递增表达式) {
  语句
}

for语句后面的括号里面，有三个表达式：

  • 初始化表达式（initialize）：确定循环变量的初始值，只在循环开始时执行一次。
  • 条件表达式（test）：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环。
  • 递增表达式（increment）：每轮循环的最后一个操作，通常用来递增循环变量。

do...while 循环：

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

do
  语句
while (条件);
// 或者
do {
  语句
} while (条件);

不管条件是否为真，do...while循环至少运行一次，这是这种结构最大的特点。

另外，while语句后面的分号注意不要省略。

break 语句和 continue 语句：

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

break语句用于跳出代码块或循环。

var i = 0;

while(i < 100) {
  console.log('i 当前为：' + i);
  i++;
  if (i === 10) break;
}

上面代码只会执行10次循环，一旦i等于10，就会跳出循环。

for循环也可以使用break语句跳出循环。


for (var i = 0; i < 5; i++) {
  console.log(i);
  if (i === 3)
    break;
}
// 0
// 1
// 2
// 3
上面代码执行到 i 等于3，就会跳出循环。

continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

var i = 0;

while (i < 100){
  i++;
  if (i % 2 === 0) continue;
  console.log('i 当前为：' + i);
}

上面代码：
只有在 i 为奇数时，才会输出 i 的值；
如果 i 为偶数，则直接进入下一轮循环；

如果存在多重循环，

不带参数的break语句和continue语句都只针对最内层循环。

label 标签：

JavaScript 语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下：

label:
  语句

标签可以是任意的标识符，但不能是保留字，语句部分可以是任意语句。

标签通常与break语句和continue语句配合使用，跳出特定的循环。

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
上面代码为一个双重循环区块， break 命令后面加上了 top 标签（注意， top 不用加引号），
满足条件时，直接跳出双层循环。如果 break 语句后面不使用标签，则只能跳出内层循环，
进入下一次的外层循环。

标签也可以用于跳出代码块。

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2

上面代码执行到 break foo ，就会跳出区块。

continue语句也可以与标签配合使用。

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) continue top;
      console.log('i=' + i + ', j=' + j);
    }
  }

// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0
// i=2, j=1
// i=2, j=2

上面代码中， continue 命令后面有一个标签名，
满足条件时，会跳过当前循环，直接进入下一轮外层循环。
如果 continue 语句后面不使用标签，则只能进入下一轮的内层循环。

JS中this指向详解：

什么是this？

this是Javascript语言中的一个关键字，它代表函数运行时自动生成的一个内部对象，指当前对象，因此

this只能在函数内部使用。随着函数执行环境的改变，this所指代的对象也会发生改变，

但this始终指向的是调用函数的对象。简单来说就是谁调用了这个函数，this就指向谁(对象)。

一、this的指向：

1.1. 全局环境中的this：

所谓全局环境是指在script标签的内部，而全局环境下的作用域就是全局作用域。

全局作用域下的this始终指向的是全局对象window。

（window是浏览器对象中最顶层的节点）

      1. 全局环境中直接打印this：
    <script>
      console.log(this)  
    </script>

该this指向window：

      1. 全局中调用普通函数：
    <script>
      function fn() {
        console.log(this)  
      }
      fn()
    </script>

该this指向window：

      1. 全局中调用定时器和延时器函数：
      <script>
      setTimeout(function () {
        console.log(this)  
      }, 1000)
      setInterval(function () {
        console.log(this)  
      }, 10000)
    </script>

该this指向window：

1.2. 对象中的this：

对象内部方法的this指向调用这些方法的对象，即由哪个对象调用就指向哪个对象，

如果是多层嵌套的情况，内部方法的this指向离被调用函数最近的对象

（window也是对象，其内部对象调用方法的this指向内部对象，而不是window）

    <script>
      let obj-1 = {
        fn-1: function () {
          console.log(this)
        },
        obj-2: {
          fn-2: function () {
            console.log(this)
          },
        },
      }
      obj-1.fn-1()  
      obj-1.obj-2.fn-2()  
    </script>

//fn-1由obj-1调用，故this指向obj-1

//obj-2离的更近，fn-2由obj-2调用，故this指向obj-2

1.3. 构造函数中的this:

构造函数中的this与被构造函数实例出来的新对象绑定，即指向该新对象。

    <script>
      let Person = function (name, age) {
        this.name = name  
        this.age = age
        console.log(this)  
      }
      let kun = new Person('小黑子', 666)
    </script>

该this指向由构造函数 Person实例出来的对象 kun；

1.4. 事件中的this：

在HTML事件句柄中，this指向的是触发该事件的HTML元素对象，即指向事件源。

    <button id="btn" onclick = "this.style.display='none'">点击删除</button>    
    <script>
      const btn = document.getElementById("btn")
      btn.onclick = function () {
        this.value = "按钮"
        console.log(this)  
      }
    </script>

//给btn注册了on事件，因此该this指向btn

1.5. 箭头函数中的this：

普通函数内部的this指向函数运行时所在的对象，但ES6中新增的箭头函数并没有自己的this对象，

所以只能指向上一层作用域（父级作用域）中的this。

也就是说，箭头函数内部的this指向是固定的。

    <script>
      var c = 21  //声明同一个全局变量 c 为21
      const obj = {
        c: 42,
        x: () => console.log(this.c),
        k: function () {
          console.log(this.c)
        },
      }
      obj.x()  //箭头函数中的 this指向父级作用域中声明的变量 c，即为21
      obj.k()  //obj调用函数 k，函数 k中的 this指向 obj中声明的变量 c，即为 42
    </script>

//箭头函数中的 this指向父级作用域中声明的变量 c，即为21

//obj调用函数 k，函数 k中的 this指向 obj中声明的变量 c，即为 42

1.6. 严格模式下的this：

JavaScript除了提供正常模式外，还提供了严格模式（strict mode）。

ES5 的严格模式是采用具有限制性JavaScript变体的一种方式，即在严格的条件下运行 JS 代码，

可消除Javascript语法中的不合理、不严谨之处，减少一些怪异行为，保证代码运行的安全并且可以提高编译器的效率。

严格模式下全局调用普通函数，其this指向为undefined，其他情况与正常模式相同。

    <script>
      "use strict"
      function fn() {
        console.log(this)  //该this指向undefined
      }
      fn()
    </script>

//该this指向undefined

二、改变this的指向（绑定this）：

1.1. call方法：

function.call（ thisArg，arg1， arg2，arg3······ ）//立即执行函数

function： 需要改变this指向的原函数
thisArg： 改变后的this所指向的新目标对象

arg：需要修改的参数----> 参数用逗号隔开即可；

    <script>
      function fn(name, age) {
        this.name = name
        this.age = age
        console.log(this)
      }
      const obj = {}
      fn.call(obj, "小黑子", 666) //函数fn中的this指向空对象obj并具备name和age属性
    </script>

//函数fn中的this指向空对象obj并具备name和age属性

1.2. apply方法：

function.apply（ thisArg，[arg1， arg2，arg3······] ）//立即执行函数

function： 需要改变this指向的原函数
thisArg： 改变后的this所指向的新目标对象

[arg]：一个数组，包含需要修改的参数

    <script>
      function fn(name, age) {
        this.name = name
        this.age = age
        console.log(this)
      }
      const obj = {}
      fn.apply(obj, ["小黑子",666]) //函数fn中的this指向空对象obj并具备name和age属性
    </script>

//函数fn中的this指向空对象obj并具备name和age属性

应用：

（1）找出数组最大元素
结合使用 apply 方法和 Math.max 方法，就可以返回数组的最大元素。

var a = [10, 2, 4, 15, 9];
let Mathmax=Math.max.apply(null, a)
console.log(Mathmax)

// 15
（2）将数组的空元素变为 undefined
通过 apply 方法，利用 Array 构造函数将数组的空元素变成 undefined 。

let a=Array.apply(null, ['a', ,'b'])
console.log(a)

// [ 'a', undefined, 'b' ]
空元素与 undefined 的差别在于，数组的 forEach 方法会跳过空元素，
但是不会跳过 undefined 。因此，遍历内部元素的时候，会得到不同的结果。
var a = ['a', , 'b'];
function print(i) {
  console.log(i);
}

a.forEach(print)  
// a
// b
Array.apply(null, a).forEach(print)
// a
// undefined
// b
（3）转换类似数组的对象
利用数组对象的 slice 方法，可以将一个类似数组的对象（比如 arguments 对象）转为真正的数组

Array.prototype.slice.apply({0: 1, length: 1}) // [1]
Array.prototype.slice.apply({0: 1}) // []
Array.prototype.slice.apply({0: 1, length: 2}) // [1, undefined]
Array.prototype.slice.apply({length: 1}) // [undefined]

上面代码的 apply 方法的参数都是对象，但是返回结果都是数组，这就起到了将对象转成数组的目的。
从上面代码可以看到，这个方法起作用的前提是，
被处理的对象必须有 length 属性，以及相对应的数字键。
（4）绑定回调函数的对象
var o = new Object();
o.f = function () {
  console.log(this === o);
}
var f = function (){
  o.f.apply(o);
  // 或者 o.f.call(o);
};

// jQuery 的写法
$('#button').on('click', f);
上面代码中，点击按钮以后，控制台将会显示 true 。
由于 apply() 方法（或者 call() 方法）不仅绑定函数执行时所在的对象，
还会立即执行函数，因此不得不把绑定语句写在一个函数体内。
更简洁的写法是采用下面介绍的 bind() 方法。

1.3. bind方法：

function.bind（ thisArg，arg1， arg2，arg3······ ）//不会立即执行函数

function： 需要改变this指向的原函数

thisArg： 改变后的this所指向的新目标对象

arg：需要修改的参数

该方法并不会调用函数，仅仅是改变this指向，相当于返回一份修改了this的函数的拷贝

    <script>
      function fn(name, age) {
        this.name = name
        this.age = age
        console.log(this)
      }
      const obj = {}
      //函数被借用时，不会立即执行，而是返回一个新的函数
      //所以需要自己手动调用新的函数来改变this指向
      const newFn = fn.bind(obj, '小黑子', 666) //this指向空对象obj并具备name和age属性
      newFn()
    </script>

//函数被借用时，不会立即执行，而是返回一个新的函数

//所以需要自己手动调用新的函数来改变this指向

//this指向空对象obj并具备name和age属性

bind()方法有一些使用注意点：

（1）每一次返回一个新函数；

（2）结合回调函数使用；

（3）结合call()方法使用；

1.4. 方法对比：

call

既可以调用函数又可以传参数，参数只需用逗号隔开

apply

既可以调用函数又可以传参数，参数需要用一个数组进行包裹

bind

不可以调用函数，可以传参数，参数只需用逗号隔开，返回得到一个新的函数，执行需要再次调用

三、使用的注意点：

1.1. 避免多层 this：

由于this的指向是不确定的，所以切勿在函数中包含多层的this。

var o = {
  f1: function () {
    console.log(this);
    var f2 = function () {
      console.log(this);
    }();
  }
}

o.f1()
// Object
// Window

上面代码包含两层this，结果运行后，第一层指向对象o，第二层指向全局对象；

实际上执行了下面代码：

解决办法：第二层改用一个指向外层this的变量。

var o = {
  f1: function() {
    console.log(this);
    var that = this;
    var f2 = function() {
      console.log(that);
    }();
  }
}

o.f1()

上面代码定义了变量that，固定指向外层的this，然后在内层使用that，就不会发生this指向的改变。

事实上，使用一个变量固定this的值，然后内层函数调用这个变量；

1.2. 避免数组处理方法中的 this：

数组的map和foreach方法，允许提供一个函数作为参数。

这个函数内部不应该使用this。

var o = {
  v: 'hello',
  p: [ 'a1', 'a2' ],
  f: function f() {
    this.p.forEach(function (item) {
      console.log(this.v + ' ' + item);
    });
  }
}
o.f()

上面代码中，foreach方法的回调函数中的this，其实是指向window对象，因此取不到o.v的值。原因跟上一段的多层this是一样的，就是内层的this不指向外部，而指向顶层对象。

解决办法一：使用中间变量固定this。

var o = {
  v: 'hello',
  p: [ 'a1', 'a2' ],
  f: function f() {
    var that = this;
    this.p.forEach(function (item) {
      console.log(that.v+' '+item);
    });
  }
}

o.f()

解决办法二：将this当作foreach方法的第二个参数，固定它的运行环境。

var o = {
  v: 'hello',
  p: [ 'a1', 'a2' ],
  f: function f() {
    this.p.forEach(function (item) {
      console.log(this.v + ' ' + item);
    }, this);
  }
}

o.f()

1.3. 避免回调函数中的 this：

回调函数中的this往往会改变指向，最好避免使用。

var o = new Object();
o.f = function () {
  console.log(this === o);
}

// jQuery 的写法
$('#button').on('click', o.f);

上面代码中，点击按钮以后，控制台会显示false。

原因是此时this不再指向o对象，而是指向按钮的 DOM 对象，因为f方法是在按钮对象的环境中被调用的。这种细微的差别，很容易在编程中忽视，导致难以察觉的错误;

为了解决这个问题，可以采用下面的一些方法对this进行绑定，

也就是使得this固定指向某个对象，减少不确定性。

RongChuJie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
01-JavaScript-简介、功能以及发展历史
记录java学习日常~
05-13 1265
JavaScript 是一种高级、基于事件驱动的编程语言，被广泛应用于 Web 前端开发和后端开发领域。JavaScript 可以嵌入到 HTML 页面中，通过对页面元素进行操作和交互，实现动态效果，并且能够与服务器进行数据交换，并根据返回结果修改页面内容等。它是一种解释性脚本语言，不需要编译即可直接运行。
ArcGIS API for JavaScript-SceneView简介-创建3D地图
u011143338的博客
02-06 839
本教程将引导您逐步了解如何在3D SceneView中创建简单地图。 1.引用ArcGIS API for JavaScript 首先，设置一个类似于以下示例的基本HTML文档： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scal
混淆工具javascript-obfuscator使用简介
子燕若水的博客
10-10 1万+
简介 JavaScript Obfuscator 是一款功能强大的免费 JavaScript 混淆器，包含多种功能，可为您的源代码提供保护。 主要特点： 变量重命名 字符串提取和加密 死代码注入 控制流扁平化 各种代码转换 最简单使用方法 用在线的版本 obfuscator.io 这个版本是作者搭建好的，且默认参数符合大部分同学的需要， 你需要做的只是把代码复制进文本框或者上传待混淆的js文件，点击蓝色的混淆按钮，之后点击下载即可。 仔细看了一下，默认的选项主要是把代码里的字符串、字.
00 - JavaScript 简介
热门推荐
JayYuen的博客
10-13 2万+
（一）前言 ​ html/css/js：分别的作用 ​ 好看的皮囊千篇一律，有趣的灵魂万里挑一：内容、样式、动作 ​ 搞事情，简单认识js 事件，事件三要素：事件源、事件类型、事件处理 （二）历史 ​没有js 的功能实现，例：表单验证，用户体验不佳 ​网景公司实现了javaScript，微软在IE 实现了Jscript 在 Web 日益流行的同时，人们对客户端脚本语言的需求也越来越强...
JavaScript-时区
MountGao的博客
08-13 3278
JavaScript-时区 简介 时区是地球上的区域使用同一个时间定义。以前，人们通过观察太阳的位置（时角）决定时间，这就使得不同经度的地方的时间有所不同（地方时）。1863年，首次使用时区的概念。时区通过设立一个区域的标准时间部分地解决了这个问题。 世界各国位于地球不同位置上，因此不同国家，特别是东西跨度大的国家日出、日落时间必定有所偏差。这些偏差就是所谓的时差。 历史 在农业社会，世界各地一般采用各自的地方时。十九世纪随着长途铁路运输的发展，1870年代加拿大铁路工程师弗莱明首次提出全世界按统一标准
javaScript简介
weixin_69252724的博客
04-16 3961
它是一种直译式的语言, 用来为网页添加各种各样的动态功能不需要编译直接通过浏览器直接运行, 通常javaScript脚本是通过嵌入HTML里来实现功能的。
JavaScript程序设计-简介
肥叔菌的博客
04-02 9753
文档对象模型（DOM, Document Object Model）是针对XML但经过扩展用于HTML的应用程序编程接口API。DOM把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。 DOM1级（DOM Level 1）由两个模块组成：DOM核心（DOM Core）和DOM HTML。DOM核心规定如何映射基于XML的文档结...
javascript-前后端交互模式-简介
gaogzhen的博客
07-26 1772
javascript-前后端交互模式-简介 目录 文章目录1、相关知识2、异步接口调用方式3、URL地址2.1、传统形式的URL2.2、Restful 风格的URL2.2.1、http请求方式2.2.3、示例：***后记*** ： 内容 图示0-1： 随着前后端分离，前后端交互技术不断更新，下面我们看下前后端交互相关知识。 1、相关知识 前端通过相关接口发送请求，后端接收请求，处理返回响应结果，前端接收响应结果，完成交互。 这里以ajax为例： $.ajax({// 接口调用方式
【学习笔记】【JS】javascript-obfuscator 代码混淆、压缩工具。（非常简单操作）
南方者的博客
08-18 1169
参考地址：https://blog.csdn.net/foupwang/article/details/103306332
JavaScript--弹窗
m0_74293254的博客
08-06 6936
JavaScript提供了几种常用的弹窗方法，用于与用户进行交互或显示提示消息。警告框（Alert）： 使用alert()方法创建一个警告框，它会显示一条消息并包含一个"确定"按钮。确认框（Confirm）： 使用confirm()方法创建一个确认框，它会显示一条消息并包含一个"确定"按钮和一个"取消"按钮。用户可以点击其中一个按钮来进行选择，并返回对应的布尔值结果（true表示点击了"确定"按钮，false表示点击了"取消"按钮）。提示框（Prompt）： 使用prompt()
javascript-playground
06-30
1. **README.md**：这是一个Markdown格式的文件，通常包含项目的简介、安装指南、使用方法和贡献者信息等。 2. **index.html**：这是网页的入口文件，通常包含HTML结构，可能引用了JavaScript文件以实现页面的交互...
javascript-koans
07-03
1. **README.md**：这是一个Markdown格式的文件，通常包含项目的简介、如何运行项目以及任何必要的安装步骤。在这个项目中，它可能解释了如何启动Koans的测试环境。 2. **test** 目录：这是存放所有测试文件的地方...
Javascript-Projects
05-07
Javascript简介 学习DOM入门 网站链接： : 02-骰子游戏-v1 该网站是一个游戏，旨在练习文档对象模型。 当我们刷新网站时，骰子将被随机抛出。 之后，玩家1和玩家2都有自己的骰子值，然后网站将根据其骰子值较高...
Javascript-learning-repo
06-15
1. **README.md**：通常包含项目的简介、安装指南、贡献方式等信息。 2. **代码示例**：可能分为不同目录，按主题或难度分类，如“基础”、“进阶”、“实战”等，每个目录下有具体的JavaScript代码文件。 3. **教程...
javascript-musicmachine-labfix
02-25
1. `README.md` - 项目简介和使用指南。 2. `index.html` - 可能是项目的主页面，包含HTML结构和JavaScript引用。 3. `script.js` - JavaScript代码文件，实现音乐生成和控制逻辑。 4. `styles.css` - CSS样式文件，...
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 652
JavaScript青少年简明教程：函数及其相关知识（下）
VUE3自定义指令防止重复点击多次提交
最新发布
MadSnail00的博客
07-30 80
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 431
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 1310
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

RongChuJie

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

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

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

打赏作者

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

抵扣说明：

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

余额充值