- 博客(342)
- 收藏
- 关注
RSS订阅
原创 分别使用物理接口与vlanif接口实现vlan互联的实验
文章目录0.背景1.使用物理端口实现vlan互联1.1 组网图1.2 数据规划1.3 具体配置1.3.1 配置IP1.3.2 将端口加入安全区域1.3.3 配置安全策略1.3.4 验证1.3.5 备注2.使用vlanif端口实验vlan互联2.1 组网图2.2 数据规划2.3 具体配置2.3.1 配置IP并允许ping端口2.3.2 配置二层接口2.3.4 将端口加入安全区域2.3.5 配置安全策...
2019-12-12 14:08:35
4951
原创 Vue监听器watch的基本用法
watch用于监视数据变化，执行一些业务逻辑或异步操作。监听器 watch 内部以 key ：value 的形式定义，key 是 data 中的属性名，value 是监听到 key 变化后执行的回调函数。value 可以是字符串，可以是函数，可以是对象。
2024-04-03 16:53:06
747
原创 v-bind 绑定 class 与 style 基础用法
使用 v-bind 指令绑定 class 和 style 时语法相对复杂一些，这两者是可以互相替代的，即 v-bind 绑定 class 属性可以改写成绑定 style 属性，只是 css 属性位置变了而已。
2024-03-15 17:54:06
1005
原创 Django Cookie 与 Session 对比
本文通过示例演示 Django 中如何创建、查询、删除 Cookie 与 Session。
2022-11-25 15:59:11
783
1
原创 介绍 Django 的模型字段 DecimalField
DecimalField 是一种模型字段，相当于数据库字段的属性 decimal(x,y)。在 Python 中用一个 Decimal 实例来表示，表现为一个固定精度的十进制数。
2022-10-27 17:31:45
4031
翻译 如何在 Linux 上使用 dd 测试 NFS 性能？
NFS性能对于生产环境很重要。在本教程中，我们将回顾如何使用DD命令来测试本地存储和NFS存储性能。每个测试命令之间存在一些差异。
2022-07-26 15:09:43
1822
原创 绘制北京市蜜雪冰城门店地图
第一步，通过腾讯地图API收集门店地理位置数据； 第二步，将地理位置数据导入Elasticsearch； 第三步，使用Kibana绘制门店地图。
2022-06-19 15:59:46
1436
2
原创 Linux 下安装 Elasticsearch 8 和 Kibana 8
安装以下版本软件：Elasticsearch 8.2.3，Kibana 8.2.3
2022-06-19 12:29:00
1231
翻译 JavaScript 生成器
在本教程中，您将借助示例了解 JavaScript 生成器。在 JavaScript 中，生成器提供了一种使用函数和迭代器的新方法。 使用生成器， 要创建生成器，您需要首先使用 function* 符号定义生成器函数。生成器函数的对象称为生成器。 注意：生成器函数用 * 表示。您可以使用 function* generatorFunc() {…} 或 function *generatorFunc(){…} 创建。 如上所述，您可以暂停生成器函数的执行，而不执行整个函数体
2022-06-04 15:34:42
778
翻译 JavaScript 迭代器和可迭代对象
文章目录JavaScript 迭代器和可迭代对象JavaScript 可迭代对象JavaScript 迭代器遍历可迭代对象JavaScript next() 方法用户定义的迭代器参考文档 在本教程中，您将借助示例了解 JavaScript 迭代器和可迭代对象。JavaScript 迭代器和可迭代对象 JavaScript 提供了一种迭代数据结构的协议。该协议定义了如何使用 for…of 的循环。 协议的概念可分为：可迭代对象迭代器 可迭代协议提到可迭代对象应具有
2022-05-29 15:18:13
673
翻译 JavaScript “use strict“（严格模式）
文章目录变量的严格模式函数的严格模式严格模式下不允许的事情严格模式的好处参考文档 在本教程中，您将借助示例了解 JavaScript 的“严格模式”语法。 在 JavaScript 中，‘use strict’; 声明代码应该在“严格模式”下执行。这使得编写良好且安全的 JS 代码变得更加容易。例如，myVariable = 9; 这里，myVariable 是在没有声明的情况下创建的，在 JavaScript 中用作全局变量。但是，如果在严格模式下使用它，程序会抛出错误。例如，
2022-05-23 10:08:37
431
翻译 JavaScript this
文章目录1. 全局作用域中的 this2. 函数中的 this3. 构造函数中的 this4. 对象方法中的 this5. 内部函数中的 this6. 箭头函数中的 this7. 严格模式函数中的 this参考文档 在本教程中，您将借助示例了解 JavaScript 的 this 关键字。 在 JavaScript 中，this 关键字是指调用它的对象。1. 全局作用域中的 this 当 this 单独使用时，this 指的是全局对象（浏览器中的 window 对象）。例如，le
2022-05-22 16:46:48
131
翻译 JavaScript 闭包
文章目录JavaScript 嵌套函数返回函数JavaScript 闭包数据隐私参考文档 在本教程中，您将借助示例了解 JavaScript 闭包。 在了解闭包之前，您需要了解两个概念：嵌套函数返回函数JavaScript 嵌套函数 在 JavaScript 中，一个函数也可以包含另一个函数。这称为嵌套函数。例如，// nested function example// outer functionfunction greet(name) { // inn
2022-05-21 10:48:00
165
翻译 JavaScript Date和时间
文章目录创建 Date 对象new Date()new Date(milliseconds)new Date(date string)ISO 日期格式短日期和长日期格式new Date(year, month, day, hours, minutes, seconds, milliseconds)JavaScript Date 方法示例：Date 方法格式化日期Date 对象中的自动更正参考文档 在本教程中，您将借助示例了解 JavaScript 中的 Date 和时间。 在 JavaScr
2022-05-19 10:23:40
548
翻译 JavaScript 和 JSON
文章目录JSON 数据JSON 对象JSON 数组访问 JSON 数据JavaScript 对象 VS JSON将 JSON 转换为 JavaScript 对象将 JavaScript 对象转换为 JSON使用 JSON参考文档 在本教程中，您将通过示例了解 JSON 以及 JavaScript 如何与 JSON 一起使用。 JSON 代表 Javascript 对象表示法。JSON 是一种基于文本的数据格式，用于存储和传输数据。例如，// JSON syntax{ "name"
2022-05-16 10:28:39
934
翻译 Javascript setInterval()
文章目录JavaScript setInterval()示例 1：每 1 秒显示一次文本示例 2：每 5 秒显示一次时间JavaScript clearInterval()示例 3：使用 clearInterval() 方法参考文档 在本教程中，您将借助示例了解 JavaScript setInterval() 方法。 在 JavaScript 中，可以在指定的时间间隔内执行一段代码。这些时间间隔称为定时事件。 有两种方法可以在特定时间间隔执行代码。他们是：setInterval
2022-05-15 07:44:07
14250
翻译 Javascript async/await
文章目录示例：异步函数JavaScript await 方法错误处理使用 async 函数的好处参考文档 在本教程中，您将借助示例了解 JavaScript 的 async/await 关键字。 我们在函数中使用 async 关键字来表示该函数是一个异步函数。异步函数返回一个 promise。 async 函数的语法是：async function name(parameter1, parameter2, ...paramaterN) { // statements}
2022-05-14 11:16:44
309
翻译 JavaScript Promise 和 Promise 链
文章目录创建一个 Promise示例 1：带有 Promise 的程序JavaScript Promise 链JavaScript then() 方法示例 2：用 then() 链接 PromiseJavaScript catch() 方法JavaScript Promise VS 回调JavaScript PromiseJavaScript 回调JavaScript finally() 方法JavaScript Promise 方法参考文档 在本教程中，您将借助示例了解 JavaScript pr
2022-05-13 16:37:24
202
翻译 JavaScript 回调函数
文章目录回调函数的优点示例：带有 setTimeout() 的程序示例：使用回调函数参考文档 在本教程中，您将借助示例了解 JavaScript 回调函数。 函数是在调用时执行特定任务的代码块。例如，// functionfunction greet(name) { console.log('Hi' + ' ' + name);}greet('Peter'); // Hi Peter 在上面的程序中，字符串值作为参数传递给 greet() 函数。 在 Ja
2022-05-12 12:01:55
148
翻译 Javascript setTimeout()
文章目录示例 1：3 秒后显示一次文本示例 2：每 3 秒显示一次时间JavaScript clearTimeout()示例 3：使用 clearTimeout() 方法参考文档 在本教程中，您将借助示例了解 JavaScript setTimeout() 方法。 setTimeout() 方法在指定时间后执行一段代码。该方法只执行一次代码。 JavaScript setTimeout 常用的语法是：setTimeout(function, milliseconds);
2022-05-11 14:27:17
1235
翻译 JavaScript 代理
文章目录创建代理对象Proxy handlerget() handlerset() handler代理的使用1. 验证2. 对象的只读视图3. 副作用参考文档 在本教程中，您将借助示例了解 JavaScript 代理。 在 JavaScript 中，proxy（代理对象）用于包装对象并将各种操作重新定义到对象中，例如读取、插入、验证等。代理允许您向对象或函数添加自定义行为。创建代理对象 代理的语法是：new Proxy(target, handler); 这里，ne
2022-05-10 10:48:35
1122
翻译 JavaScript for... of 循环
文章目录JavaScript for...of 循环for...of 与数组for...of 与字符串for...of 与 Setfor...of 与 Map用户定义的迭代器for...of 与生成器for...of Vs for...in参考文档 在本教程中，您将借助示例了解 JavaScript for…of 循环。 在 JavaScript 中，我们可以通过三种方式使用for循环。JavaScript for 循环JavaScript for…in 循环JavaScript f
2022-05-09 12:04:34
6028
翻译 JavaScript 类继承
文章目录类继承JavaScript super() 关键字重写方法或属性继承的用途参考文档 在本教程中，您将借助示例了解 JavaScript 类继承。类继承 继承使您能够定义一个类，该类从父类获取所有功能，并允许您添加更多功能。 使用类继承，一个类可以继承另一个类的所有方法和属性。继承是一个允许代码重用的有用特性。 要使用类继承，可以使用 extends 关键字。例如，// parent classclass Person { constructor(nam
2022-05-08 16:01:16
170
翻译 JavaScript 类
文章目录创建 JavaScript 类Javascript 类方法Getter 和 SetterHoisting（变量提升）use strict（严格模式）参考文档 在本教程中，您将借助示例了解 JavaScript 类。 类是ES6版本的 JavaScript 中引入的特性之一。类是对象的蓝图。您可以从类中创建一个对象。 您可以将类视为房屋的草图（原型）。它包含有关地板、门、窗等的所有详细信息。根据这些描述，您可以建造房屋。房屋是对象。 由于可以从相同的描述中建造许多房屋，
2022-05-07 17:42:06
110
翻译 JavaScript 解构赋值
文章目录JavaScript 解构数组解构分配默认值交换变量跳过项将剩余元素分配给单个变量嵌套解构赋值参考文档 在本教程中，您将借助示例了解 JavaScript 解构赋值。JavaScript 解构 ES6 中引入的解构赋值可以轻松地将数组值和对象属性分配给不同的变量。例如， 在 ES6 之前：// assigning object attributes to variablesconst person = { name: 'Sara', age: 25,
2022-05-06 09:40:56
173
翻译 JavaScript Set 和 WeakSet
文章目录创建 JavaScript Set访问 Set 元素添加新元素移除元素迭代 SetJavaScript WeakSetWeakSet 方法WeakSet 不可迭代数学 Set 运算示例：Set 并集操作示例：Set 交集操作示例：Set 差分操作示例：Set 子集操作参考文档 在本教程中，您将借助示例了解 JavaScript Set 和 WeakSet。 JavaScript ES6引入了两种新的数据结构，Set 和 WeakSet。 Set 类似于数组，它允许我们存储多个
2022-05-05 10:07:42
236
翻译 JavaScript Map
文章目录创建 JavaScript Map将条目插入 Map访问 Map 元素检查 Map 元素移除元素JavaScript Map 大小遍历 Map迭代 Map 键迭代 Map 值获取 Map 的键/值JavaScript Map vs 对象JavaScript WeakMapWeakMap 方法WeakMaps 不可迭代参考文档 在本教程中，您将借助示例了解 JavaScript Map 和 WeakMap。 JavaScript ES6 引入了两种新的数据结构，即 Map 和 Weak
2022-05-04 07:37:39
195
翻译 JavaScript 扩展运算符
文章目录扩展运算符使用扩展运算符复制数组使用扩展运算符克隆数组带对象的扩展运算符剩余参数参考文档 在本教程中，您将借助示例了解 JavaScript 扩展运算符。 扩展运算符是JavaScript ES6版本中新增的可用功能。扩展运算符 扩展运算符…用于扩展可迭代类型或数组。例如，const arrValue = ['My', 'name', 'is', 'Jack'];console.log(arrValue); // ["My", "name", "is", "Jac
2022-05-03 09:49:39
987
翻译 JavaScript 模板文字（模板字符串）
文章目录字符串的模板文字使用模板文字的多行字符串表达式插值标记模板参考文档 在本教程中，您将借助示例了解 JavaScript 模板文字（模板字符串）。 模板文字（模板字符串）允许您以字符串的形式使用字符串或嵌入的表达式。它们用反引号括起来``。例如，const name = 'Jack';console.log(`Hello ${name}!`); // Hello Jack! 注意：模板文字是在 2015 年引入的（也称为 ECMAScript 6 或 ES6 或 ECMA
2022-05-02 06:25:21
697
翻译 JavaScript 默认参数
文章目录使用表达式作为默认值示例 1：将参数作为默认值传递示例 2：将函数值作为默认值传递传递 undefined 值参考文档 在本教程中，您将借助示例了解 JavaScript 默认参数。 默认参数的概念是 ES6 版本的 JavaScript 中引入的一个新特性。这允许我们为函数参数提供默认值。我们举个例子，function sum(x = 3, y = 5) { // return sum return x + y;}console.log(sum(5, 15
2022-04-29 11:06:09
2981
翻译 JavaScript 箭头函数
文章目录箭头函数语法示例 1：无参数的箭头函数示例 2：带一个参数的箭头函数示例 3：作为表达式的箭头函数示例 4：多行箭头函数this 与箭头函数在常规函数中在箭头函数中参数绑定带有 Promise 和回调的箭头函数使用箭头函数应该避免的事情参考文档 在本教程中，您将借助示例了解 JavaScript 箭头函数。 箭头函数是 ES6 版本 JavaScript 中引入的特性之一。与常规函数相比，它允许您以更简洁的方式创建函数。例如， 这个函数：// function expres
2022-04-28 17:29:44
526
翻译 JavaScript ES6
文章目录JavaScript letJavaScript constJavaScript 箭头函数JavaScript 类在本教程中，您将借助示例了解 JavaScript ES6。JavaScript ES6（也称为 ECMAScript 2015 或 ECMAScript 6）是 2015 年推出的较新版本的 JavaScript。ECMAScript 是 JavaScript 编程语言使用的标准。ECMAScript 提供了关于 JavaScript 编程语言应该如何工作的规范。本教程简要总结
2022-04-27 09:38:39
230
翻译 JavaScript 模块
文章目录导出多个对象重命名导入和导出1.在模块中重命名（导出文件）2.重命名导入文件默认导出模块总是使用严格模式使用模块的好处参考文档 在本教程中，您将借助示例了解 JavaScript 中的模块。 随着我们的程序变得越来越大，它可能包含许多行代码。您可以使用模块根据功能将代码分隔在单独的文件中，而不是将所有内容都放在一个文件中。这使我们的代码更有条理，更易于维护。 模块是一个包含执行特定任务的代码的文件。一个模块可能包含变量、函数、类等。让我们看一个例子，假设一个名为 greet.
2022-04-26 16:57:45
593
翻译 JavaScript throw 语句
文章目录JavaScript throw 语句JavaScript throw 与 try...catch示例 1：try...catch...throw 示例在本教程中，您将借助示例了解 JavaScript throw 语句。在上一个教程中，您学习了使用 JavaScript try…catch 语句处理异常。try 和 catch 语句以 JavaScript 提供的标准方式处理异常。但是，可以使用 throw
2022-04-26 13:03:20
1593
翻译 JavaScript try...catch...finally 语句
文章目录错误类型JavaScript try...catch 语句示例 1：显示未声明的变量JavaScript try...catch...finally 语句示例 2：try...catch...finally 示例JavaScript try...catch 与 setTimeout参考文档 在本教程中，您将借助示例了解在 JavaScript 中处理异常的 try…catch…finally 语句。 try、catch 和 finally 块用于处理异常（一种错误）。在了解它们之前，
2022-04-25 10:04:25
203
翻译 JavaScript 符号
文章目录JavaScript 符号创建符号访问符号描述说明添加符号作为对象键for...in 循环中不包含符号在对象中使用符号的好处符号方法示例：符号方法符号属性示例：符号属性示例参考文档 在本教程中，您将借助示例了解 JavaScript 符号。JavaScript 符号 JavaScript ES6 引入了一种新的原始数据类型，称为 Symbol（符号）。符号是不可变的（不能更改）并且是唯一的。例如，// two symbols with the same description
2022-04-24 10:49:07
439
翻译 JavaScript 数字
文章目录+ 运算符与数字JavaScript NaNJavaScript InfinityJavaScript BigInt在本教程中，您将通过示例了解JavaScript 数字。在JavaScript中，数字是基本数据类型。例如，const a = 3;const b = 3.13;与其他一些编程语言不同，您不必使用 int、float 等专门声明整数值或浮点值。您可以使用指数符号 e 来包含太大或太小的数字。例如，const a1 = 5e9;console.log(a1); //50
2022-04-23 08:14:02
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人