- 博客(115)
- 收藏
- 关注
RSS订阅原创 JavaScript HTML DOM - 改变CSS
请注意，这只是一个简单的例子，用于演示如何通过JavaScript改变CSS样式。另外，请确保在修改元素样式之前，DOM已经加载完毕，可以在`window.onload`事件中执行上述代码，或将其放在页面底部进行执行，以确保元素已经存在于DOM中。你可以将上述HTML和JavaScript代码放在一个HTML文件中并在浏览器中打开，然后点击"改变颜色"按钮，你将看到`myElement`元素的背景颜色变为红色。这些方法中的`"myElement"`是目标元素的ID，你需要根据实际情况将其替换为正确的ID。
2023-06-15 21:40:40
1850
原创 JavaScript HTML DOM
例如，使用 `textContent` 属性可以获取或设置元素的文本内容，而 `innerHTML` 属性可以获取或设置元素的HTML内容。例如，通过使用 `getElementById()` 方法，你可以通过元素的唯一ID获取对该元素的引用，然后对其进行修改或访问其属性。5. 创建和删除元素：你可以使用DOM方法来创建新的HTML元素，并使用 `appendChild()` 或 `removeChild()` 方法将它们添加到或从文档中删除它们。// 获取对元素的引用。// 获取对元素的引用。
2023-06-10 20:53:15
1343
1
原创 JavaScript 静态方法
在上面的示例中，`MySubClass` 继承了 `MyClass` 的实例方法 `myMethod()`，但无法继承 `myStaticMethod()`。在上面的示例中，`MathUtils` 类定义了三个静态方法：`square()`、`getRandomNumber()` 和 `isEven()`。- `getRandomNumber()` 方法接受两个参数 `min` 和 `max`，返回一个介于 `min` 和 `max` 之间的随机整数。// 输出: false。// 输出: 生成的随机数。
2023-06-10 20:34:15
1110
原创 JavaScript 类继承
在上面的示例中，`Animal`是一个父类，它有一个`name`属性和一个`eat()`方法。`Dog`是一个子类，它通过`extends`关键字继承了`Animal`父类。子类`Dog`还定义了一个`bark()`方法，它是子类特有的行为。我们创建了`Dog`类的实例`myDog`，并调用了父类的`eat()`方法和子类的`bark()`方法。我们还可以访问实例的属性，如`name`和`breed`。在上述示例中，`Circle`和`Rectangle`子类都继承了`Shape`父类的属性和方法。
2023-06-09 20:47:26
2201
1
原创 JavaScript 类(class)
在上面的例子中，我们定义了一个名为`Person`的类，它有两个属性`name`和`age`，以及一个方法`sayHello`。在这个例子中，我们定义了一个名为`Student`的子类，它继承了`Person`类的属性和方法。子类`Circle`有一个额外的属性`radius`，并重写了父类的`area`方法来计算圆的面积。子类`Rectangle`有两个额外的属性`width`和`height`，并同样重写了父类的`area`方法来计算矩形的面积。
2023-06-09 20:18:18
713
原创 JavaScript 闭包
在上面的示例中，`outer`函数返回了内部函数`inner`，然后将其赋值给变量`greet`。当调用`greet`函数时，它仍然能够访问`outer`函数中的`name`变量，尽管`outer`函数已经执行完毕并返回了。这是因为`inner`函数形成了闭包，保留了对`outer`函数的词法环境的引用，包括其中的变量。`increment`函数可以访问并修改`createCounter`函数作用域中的`count`变量。当一个函数内部定义了另一个函数，并且内部函数引用了外部函数的变量时，就形成了闭包。
2023-06-08 20:12:47
548
原创 JavaScript 函数调用
无论您是在全局范围内调用函数，还是作为对象的方法调用函数，或者是通过构造函数创建对象的实例并调用其方法，这些示例都提供了函数调用的不同方法。1. 声明函数并调用：首先使用`function`关键字声明一个函数，然后通过函数名加上括号来调用函数。3. 箭头函数：箭头函数是一种简化的函数表达式语法。4. 方法调用：函数可以作为对象的方法调用，使用对象名加上方法名和括号来调用函数。2. 函数表达式：可以将函数赋值给变量，然后通过变量名加上括号来调用函数。// 调用对象的方法。// 调用对象的方法。
2023-06-08 19:53:43
1522
原创 JavaScript 函数参数
/ 输出: Hello, John!在JavaScript中，函数可以接受参数，这些参数是在调用函数时传递给函数的值。在函数定义时，可以在函数括号内指定函数的参数。这些值将被传递给函数中相应的参数，并在函数体内使用。使用参数解构语法，可以将传递给函数的对象或数组进行解构，以方便地访问其中的属性或元素。
2023-06-07 22:19:06
716
原创 JavaScript 函数定义
通过使用关键字`function`，后跟函数名和一对花括号，可以定义一个函数。使用函数表达式，可以将一个匿名函数赋值给一个变量。除了上述三种常见方式外，JavaScript还提供了其他高级的函数定义方式，如构造函数和生成器函数。无论使用哪种方式定义函数，都可以在需要的时候调用该函数，并传递参数（如果需要）。箭头函数是ES6中引入的一种简洁的函数定义方式。使用箭头函数，可以更加紧凑地定义函数。这些例子展示了不同的函数定义方式，并演示了如何调用这些函数以及它们的功能。你可以根据需要选择合适的方式定义函数。
2023-06-07 21:31:41
386
原创 JavaScript if...Else 语句
在这个例子中，根据温度的不同，`if...else`语句输出不同的建议。- `condition`是一个表达式，它的结果将被解释为布尔值（`true`或`false`）。在这个例子中，`if`语句根据`age`的值判断一个人是否已经成年。如果`age`大于等于18，条件为真，将输出"你已经成年了！如果`num`不大于0，则输出"这是一个非正数。除了单个的`if...else`语句，还可以使用嵌套的`if...else`语句和多个`else if`条件来处理更复杂的条件逻辑。
2023-06-06 20:18:06
589
原创 JavaScript switch 语句
switch`语句根据输入的数字选择对应的`case`，并将`dayName`设置为相应的星期几名称。如果输入的数字不在1到7的范围内，将执行`default`语句，并将`dayName`设置为"无效的输入"。因为`day`的值是2，所以`case 2`的代码块将被执行，将`dayName`设置为"Tuesday"。如果不加`break`，程序将会继续执行下一个`case`的代码块，直到遇到`break`或者`switch`语句结束。最后，使用`console.log`输出`dayName`的值。
2023-06-06 20:09:19
728
原创 JavaScript for 循环
循环条件为`i < numbers.length`，即当计数器`i`小于数组长度时，循环继续执行。在每次迭代中，我们通过`i`来访问数组中的元素，并将其加到`sum`上。在这个例子中，循环从1开始，每次迭代后将`i`增加1，直到`i`的值大于5时循环结束。然后，使用`for`循环遍历数组。通过初始化语句`let i = 0`，将循环计数器`i`初始化为0，表示从数组的第一个元素开始。如果条件为假，则退出循环。在每次迭代结束后，循环后操作`i++`会将计数器`i`增加1，表示继续迭代到下一个数组元素。
2023-06-05 20:02:19
831
原创 JavaScript while
在每次循环中，我们将当前的`number`值加到`sum`上，并将`number`增加1。循环将一直进行，直到`number`大于10时，循环条件变为假，循环退出。在这个例子中，循环将在`count`变量小于5的条件下迭代。在每次迭代中，将`count`的值打印到控制台，然后将`count`增加1。在使用`while`循环时要小心，以避免创建无限循环。如果条件为假，循环将终止，并且程序将继续执行循环后的代码。在这个例子中，我们初始化了一个变量`number`为1，表示我们要从1开始计算。
2023-06-05 19:18:45
399
原创 JavaScript continue
在这个例子中，外层循环迭代3次，内层循环迭代3次。当内层循环的`j`等于2时，`continue`语句被执行，当前内层循环迭代被跳过，直接进行下一次迭代。当学生的成绩小于80时，`continue`语句被执行，当前迭代被跳过，直接进行下一次迭代。当遇到值为5的元素时，`continue`语句被执行，当前迭代被跳过，直接进行下一次迭代。当`i`等于3时，`continue`语句被执行，当前迭代被跳过，直接进行下一次迭代。当`i`为奇数时，`continue`语句被执行，当前迭代被跳过，直接进行下一次迭代。
2023-06-04 21:09:22
1318
原创 JavaScript break
第三个例子是在switch语句中使用`break`终止执行，只执行匹配的case分支。在这个示例中，switch语句检查`fruit`变量的值。当`fruit`为`'apple'`时，执行相应的case，然后遇到`break`语句，导致退出switch语句。在JavaScript中，`break`语句用于提前退出或终止循环或switch语句。当`i`等于5时，遇到`break`语句，循环立即终止。总的来说，`break`语句在JavaScript中用于控制循环和switch语句的执行流程。
2023-06-04 21:04:49
762
原创 JavaScript undefined
在这个例子中，`obj`对象上不存在名为`property`的属性，因此访问它将返回`undefined`。在这个例子中，`obj`对象上不存在名为`property`的属性，因此访问它将返回`undefined`。在这个例子中，调用`myFunction`函数时没有传递参数，因此参数`parameter`的值是`undefined`。在这个例子中，调用`myFunction`函数时没有传递参数，因此参数`parameter`的值是`undefined`。
2023-06-03 16:46:04
1038
原创 JavaScript null
它是JavaScript中的一种原始数据类型，与`undefined`、`boolean`、`number`、`string`和`symbol`一起构成。使用严格相等性（`===`）将`null`与其他值进行比较时，只有当另一个值也是`null`时才返回`true`。在这个例子中，我们首先将`myVariable`赋值为字符串`"Hello"`，然后将其重置为`null`。这个例子中，我们使用严格相等性（`===`）运算符来检查`myVariable`是否等于`null`。// 没有找到匹配的元素。
2023-06-03 15:54:10
797
原创 JavaScript typeof
例如，`typeof null` 返回的是 `"object"`，这是因为在 JavaScript 的早期版本中，`null` 被错误地标记为对象类型。这是一个历史遗留问题，为了避免这种情况，可以使用其他方式进行 `null` 的检查，例如 `null === null` 或 `value === null`。在这个例子中，`typeof` 用于确定变量 `num`、`str` 和 `bool` 的数据类型，并将结果打印出来。在这个例子中，`typeof` 用于确定 `greet` 函数的数据类型。
2023-05-31 20:43:32
554
原创 JavaScript 类型转换
另外，数字类型也具有`toString()`方法，可以将数字转换为字符串。- 使用`toString()`方法将数字类型转换为字符串类型，例如：`(42).toString()`会将数字42转换为字符串"42"。- 使用`parseInt()`函数将字符串转换为整数类型，例如：`parseInt("42")`会将字符串"42"转换为数字42。- 使用`Number()`函数将其他数据类型转换为数字类型，例如：`Number("42")`会将字符串"42"转换为数字42。// 输出: 42 (数字类型)
2023-05-31 20:36:55
881
原创 JavaScript 正则表达式
JavaScript 中的正则表达式是一种强大的工具，用于在字符串中匹配和操作模式。// 输出 "www.example.com"字符类用于定义一个字符集合，可以匹配其中的任何一个字符。元字符是具有特殊含义的字符，用于匹配字符串中的特定模式。- `[^abc]`：匹配除了 a、b 和 c 之外的任意字符。- `[abc]`：匹配 a、b 或 c 中的任意一个字符。- `search()`：查找匹配正则表达式的第一个位置。// 输出 ["3"]- `\w`：匹配任意一个字母、数字或下划线字符。
2023-05-30 20:06:22
692
原创 JavaScript 声明提升
由于变量声明被提升，`bar` 在函数表达式之前是存在的，但它的值为 `undefined`。在上面的代码中，变量 `x` 在声明之前被打印出来，但它的值为 `undefined`。由于变量声明被提升，`bar` 在函数表达式之前是存在的，但它的值为 `undefined`。解释：变量 `x` 在声明之前被打印出来，但它的值为 `undefined`。在上面的代码中，函数 `foo` 在声明之前被调用，且不会引发错误。在 JavaScript 中，使用 `var` 关键字声明的变量会被提升到作用域的顶部。
2023-05-30 19:11:50
888
原创 JavaScript 使用误区
4. 忽略事件处理程序中的作用域问题：当在 HTML 元素上添加事件处理程序时，函数内的 `this` 关键字将指向触发事件的元素。但是，如果使用箭头函数定义事件处理程序，`this` 将继承自外部作用域，可能导致意外的行为。在函数内部声明的变量在函数范围内都是可见的，而不仅仅在声明它们的代码块内。在进行跨域请求时，必须了解和遵循跨域资源共享（CORS）规则，并进行相应的配置和处理。2. 忽略变量声明关键字：在声明变量时，务必使用 `var`、`let` 或 `const` 关键字。
2023-05-28 09:01:31
828
原创 JavaScript 验证 API
3. **第三方验证库（Third-party Validation Libraries）**：除了使用原生JavaScript验证API，你还可以使用第三方的验证库来简化验证操作。2. **表单验证（Form Validation）**：对于表单验证，JavaScript提供了一些内置的方法和属性来访问表单元素以及验证其值。1. **正则表达式（Regular Expressions）**：正则表达式是一种强大的验证工具，用于匹配和验证字符串。根据你的具体需求，你可以选择适合的方法来验证用户输入的数据。
2023-05-27 13:14:34
1526
原创 JavaScript this 关键字
1. 全局上下文：当在全局作用域中使用`this`时，它将引用全局对象（浏览器中为`window`对象，Node.js环境中为`global`对象）。需要注意的是，箭头函数（`=>`）具有词法作用域绑定，它们没有自己的`this`值，而是继承外部作用域的`this`值。5. 显式绑定：使用`call()`、`apply()`或`bind()`方法可以显式地指定函数内部的`this`值。2. 函数调用：当函数作为独立函数调用时，`this`将引用全局对象（严格模式下是`undefined`）。
2023-05-27 11:52:40
1927
原创 JavaScript let 和 const
在上面的例子中，`person`是一个常量，但我们可以修改其属性`name`的值。在上面的例子中，我们使用`let`声明了一个变量`count`，并将其初始值设置为0。在上面的例子中，`x`是在函数`example`的作用域内声明的变量，可以在函数内部的任何位置访问。在上面的例子中，我们使用`const`声明了一个常量`PI`，并将其值设置为3.14。在上面的例子中，`PI`是一个常量，其值为3.14。需要注意的是，使用`const`声明的常量是不可变的，但如果常量是一个对象，对象的属性是可以修改的。
2023-05-26 20:00:07
682
1
原创 JavaScript JSON
在JavaScript中，你可以使用`JSON.parse()`方法将JSON字符串转换为JavaScript对象，使用`JSON.stringify()`方法将JavaScript对象转换为JSON字符串。在这个例子中，"name"、"age"、"isStudent"和"hobbies"是键，它们对应的值分别是"John Doe"、30、false和["reading", "coding", "swimming"]。键是字符串，值可以是各种类型，包括字符串、数字、布尔值、数组和其他JSON对象。
2023-05-26 19:58:47
917
原创 JavaScript 异步编程
3. async/await：async/await 是 ECMAScript 2017 引入的语法糖，用于编写更具可读性的异步代码。异步编程通过使用回调函数、Promise、async/await 等机制来处理异步操作。根据具体的场景和需求，选择合适的模式来处理异步操作，以提高程序的性能和响应性。JavaScript 异步编程是一种处理非阻塞操作的编程范式，它允许在执行耗时操作的同时保持程序的响应性。// 异步操作完成后调用回调函数。// 使用回调函数进行异步编程。// 调用 async 函数。
2023-05-25 18:47:52
706
原创 JavaScript Promise
使用 `.then()` 方法处理成功状态，使用 `.catch()` 方法处理失败状态。可以通过链式调用 Promise 的 `then()` 和 `catch()` 方法来处理操作的结果或错误。`then()` 方法用于处理成功状态，`catch()` 方法用于处理拒绝状态。操作失败时，调用 `reject()` 并传递错误。Promise 的链式调用和其他方法（如 `Promise.all()`、`Promise.race()`）提供了更灵活和强大的异步操作处理方式，使得异步编程更为清晰和可维护。
2023-05-24 19:12:30
1052
原创 JavaScript 代码规范
6. 对条件语句和循环语句使用大括号：即使只有一条语句，也应始终使用大括号将条件语句（如 `if`、`else`）和循环语句（如 `for`、`while`）的代码块括起来。4. 声明变量时使用 `const` 或 `let`：避免使用 `var`，因为它具有函数作用域而不是块作用域。使用 `const` 声明不会改变的变量，使用 `let` 声明可变的变量。请记住，规范可能因团队和项目的要求而有所不同，因此在实际开发中，请与您的团队一起确定适用的规范并遵循它们。// 使用驼峰命名法和有意义的变量名。
2023-05-24 17:15:34
1211
原创 Python 推导式
Python中有三种常见的推导式：列表推导式（list comprehension）、集合推导式（set comprehension）和字典推导式（dictionary comprehension）。在Python中，推导式（comprehension）是一种简洁而强大的语法，用于快速创建列表、集合和字典等数据结构。集合推导式与列表推导式的语法类似，只是使用花括号（`{}`）来包裹表达式和可迭代对象。它用于创建新的集合。**1. 列表推导式实例：****3. 字典推导式实例：****1. 列表推导式：**
2023-05-23 10:20:38
599
原创 Python3 迭代器与生成器
迭代器是一个实现了迭代协议（iterator protocol）的对象，它包含一个 `__iter__()` 方法和一个 `__next__()` 方法。`__iter__()` 方法返回迭代器本身，而 `__next__()` 方法返回迭代器的下一个元素。每次调用生成器的 `__next__()` 方法时，生成器函数会从上一次的 `yield` 语句处继续执行，直到遇到下一个 `yield` 语句或函数结束。总结起来，迭代器和生成器提供了一种高效处理可迭代对象的方式，可以逐个获取元素并节省内存空间。
2023-05-23 09:11:18
525
原创 Python3 数据结构
此外，Python还支持许多其他的第三方数据结构库，如NumPy（用于处理数值数据）、Pandas（用于数据分析和处理）等。print(person) # 输出：{'name': 'John', 'age': 30, 'city': 'New York'}print(fruit_lengths) # 输出：{'apple': 5, 'banana': 6, 'cherry': 6}print(sorted_numbers) # 输出：[1, 1, 2, 3, 4, 5, 9]
2023-05-22 15:06:06
724
原创 Python3 模块
在这个示例中，我们使用`requests.get`函数发送一个GET请求到GitHub的API。最后，我们使用`response.text`来获取响应的内容，并打印出来。print(random.choice(['apple', 'banana', 'cherry'])) # 输出：随机选择列表中的一个元素。1. `math`：提供了对数学运算的支持，如数值计算、三角函数、指数运算等。您可以根据自己的需求在Python中使用这些模块，或者根据需要开发自己的模块。首先，您需要安装`requests`模块。
2023-05-22 13:07:33
519
原创 Python3 输入和输出
你可以使用不同的格式化方式来组织输出文本，如使用`format()`方法或f-string（在Python 3.6及更高版本中可用）。请注意，使用`input()`函数获取的用户输入默认为字符串类型。如果需要执行数学计算，你可能需要将输入转换为适当的数字类型，如整数（`int`）或浮点数（`float`）。在上面的例子中，我使用了`float()`函数将输入转换为浮点数，以便进行精确的计算。在这个例子中，程序首先要求用户输入两个数字，并将它们存储在`num1`和`num2`变量中。如有需要，请随时提问。
2023-05-21 18:30:05
1045
原创 Python3 命名空间和作用域
在上面的示例中，全局变量`x`可以在函数`foo`和`bar`中访问，局部变量`y`只能在函数`foo`中访问，而嵌套变量`z`只能在函数`bar`中访问。3. 嵌套作用域（Enclosing Scope）：嵌套作用域是指在一个函数内部定义了另一个函数，内部函数可以访问外部函数中的变量。在嵌套函数中，内部函数的作用域既包括它自己的变量，也包括外部函数中的变量。当访问一个变量时，Python解释器首先搜索当前作用域的命名空间，如果找不到该变量，则继续搜索包含该作用域的嵌套作用域。
2023-05-21 18:11:20
532
原创 Python3 标准库
5. **datetime**: 提供日期和时间处理功能，包括日期时间对象、日期时间格式化、时间间隔计算等。2. **sys**: 提供对 Python 解释器的访问和控制，以及与系统相关的功能。3. **math**: 提供数学运算和函数，如三角函数、指数对数函数、数值运算等。1. **os**: 提供与操作系统交互的功能，如文件和目录操作、进程管理等。8. **urllib**: 提供用于处理 URL 和进行网络请求的模块。9. **re**: 提供正则表达式功能，用于模式匹配和文本处理。
2023-05-20 19:12:29
641
原创 Python 条件判断与循环
while` 循环会在 `count < 5` 的条件为 True 时重复执行代码块，并在每次循环中递增 `count` 的值。根据条件判断，`x > 0` 为 True，因此会执行 `print("x is positive")` 这一行代码。`for` 循环用于遍历列表中的每个元素，并将其打印出来。在 Python 中，条件判断使用 `if`、`elif`（可选）和 `else`（可选）关键字。Python 中有两种常见的循环结构：`for` 循环和 `while` 循环。#### for 循环。
2023-05-20 16:26:31
715
原创 Python 操作符
Python提供了各种操作符用于执行不同类型的操作，例如算术操作、比较操作、逻辑操作等。print(name.upper()) # 输出：'JOHN'，使用字符串的upper()方法将其转换为大写。print(letters[1:3]) # 输出：['b', 'c']，使用切片操作符获取列表的部分元素。print(name[0]) # 输出：'J'，使用索引操作符获取字符串的第一个字符。print(len(name)) # 输出：4，使用len()函数获取字符串的长度。
2023-05-19 20:10:07
2316
Python烟花代码2 这个例子包含了爆炸和尾迹效果，让烟花看起来更加真实和有趣
2023-11-23
Python烟花代码 这次我们将使用更多的粒子和添加一些随机性，以使烟花看起来更加多样化
2023-11-23
python烟花代码，以下是一个简单的使用Pygame的例子
2023-11-23
MATLAB 常用函数参考
2023-04-16
MATLAB 基础及数学软件
2023-04-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人