当前位置：首页 > news >正文

【海贼王航海日志：前端技术探索】一篇文章带你走进JavaScript(二)

news 2026/2/9 2:35:00

1 -> 基础数据类型

1.1 -> 条件语句

1.1.1 if语句

1.2 -> 分支语句

1.2.1 -> switch语句

1.3 -> 循环语句

1.3.1 -> while循环

1.3.2 -> continue

1.3.3 -> break

1.3.4 -> for循环

1.4 -> 数组

1.4.1 -> 创建数组

1.4.2 -> 获取数组元素

1.4.3 -> 新增数组元素

1.4.4 -> 删除数组中的元素

2 -> 函数

2.1 -> 语法格式

2.2 -> 关于参数个数

2.3 -> 函数表达式

3 -> 作用域

4 -> 作用域链

5 -> 对象

5.1 -> 基本概念

5.2 -> 使用字面量创建对象

5.3 -> 使用new Object创建对象

5.4 -> 使用构造函数创建对象

5.5 -> new关键字

6 -> JavaScript的对象和Java的对象的区别

1 -> 基础数据类型

1.1 -> 条件语句

1.1.1 if语句

基本语法格式

条件表达式为true，则执行if的{}中的代码。

// 形式1

if (条件) {

语句

}

// 形式2

if (条件) {

语句1

}

else {

语句2

}

// 形式3

if (条件1) {

语句1

}

else if (条件2) {

语句2

}

else if .... {

语句...

}

else {

语句N

}

练习案例

代码示例1：判定一个数字是奇数还是偶数。

var num = 10;
if (num % 2 == 0) {console.log("num 是偶数");
} 
else {console.log("num 是奇数");
}

注意：

不能写成num % 2 == 1就是奇数。负的奇数 % 2结果可能是-1。

代码示例2：判定一个数字是正数还是负数。

var num = 10;
if (num > 0) {console.log("num 是正数");
}
else if (num < 0) {console.log("num 是负数");
} 
else {console.log("num 是 0");
}

代码示例3：判定某一年份是否为闰年。

var year = 2000;
if (year % 100 == 0) {// 判定世纪闰年if (year % 400 == 0) {console.log("是闰年");}else {console.log("不是闰年");}
} 
else {// 普通闰年if (year % 4 == 0) {console.log("是闰年");} else {console.log("不是闰年");}
}

三元表达式

是if else的简化写法。

条件 ? 表达式1 : 表达式2

条件为真，返回表达式1的值。条件为假，返回表达式2的值。

注意：

三元表达式的优先级是比较低的。

1.2 -> 分支语句

1.2.1 -> switch语句

更适合多分支的场景。

switch (表达式) {

case 值1:

语句1;

break;

case 值2:

语句2;

break;

default:

语句N;

}

练习案例

代码示例1：用户输入一个整数，提示今天是星期几。

var day = prompt("请输入今天星期几: ");
switch (parseInt(day)) {case 1:console.log("星期一");break;case 2:console.log("星期二");break;case 3:console.log("星期三");break;case 4:console.log("星期四");break;case 5:console.log("星期五");break;case 6:console.log("星期六");break;case 7:console.log("星期日");break;default:console.log("输入有误");
}

1.3 -> 循环语句

重复执行某些语句。

1.3.1 -> while循环

while (条件) {

循环体;

}

执行过程：

先执行条件语句。
条件为true，执行循环体代码。
条件为false，直接结束循环。

练习案例

代码示例1：打印1-10。

var num = 1;
while (num <= 10) {console.log(num);num++;
}

代码示例2：计算5的阶乘。

var result = 1;
var i = 1;
while (i <= 5) {result *= i;i++;
}
console.log(result)

1.3.2 -> continue

结束这次循环。

练习案例

代码示例1： 吃五个李子，发现第三个李子里有一只虫子，于是扔掉这个，继续吃下一个李子。

test.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script src="style.js"></script></body>
</html>

style.js

var i = 1;
while (i <= 5) {if (i == 3) {i++;continue;}console.log("我在吃第" + i + "个李子");i++;
}

展示结果：

代码示例2：找到100-200中所有3的倍数。

var num = 100;
while (num <= 200) {if (num % 3 != 0) {num++; // 这里的 ++ 不要忘记! 否则会死循环. continue;}console.log("找到了 3 的倍数, 为:" + num);num++;
}

1.3.3 -> break

结束整个循环。

练习案例

代码示例1：吃五个李子，发现第三个李子里有虫子，于是剩下的也不吃了。

test.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script src="style.js"></script></body>
</html>

style.js

var i = 1;
while (i <= 5) {if (i == 3) {break;}console.log("我在吃第" + i + "个李子");i++;
}

展示结果：

代码示例2：找到100-200中第一个3的倍数。

var num = 100;
while (num <= 200) {if (num % 3 == 0) {console.log("找到了 3 的倍数, 为:" + num);break;}num++;
}

1.3.4 -> for循环

for (表达式1; 表达式2; 表达式3) {

循环体

}

表达式1：用于初始化循环变量。
表达式2：循环条件。
表达式3：更新循环变量。

执行过程：

先执行表达式1，初始化循环变量。
再执行表达式2，判定循环条件。
如果条件为true，则执行循环体代码；如果条件为false，结束循环。
执行表达式3，更新循环变量。

练习案例

代码示例1：打印数字1-10。

for (var num = 1; num <= 10; num++) {console.log(num);
}

代码示例2：计算5的阶乘。

var result = 0;
for (var i = 1; i <= 5; i++) {result *= i;
}
console.log("result = " + result);

1.4 -> 数组

1.4.1 -> 创建数组

使用new关键字创建。

// Array 的 A 要大写

var arr = new Array();

使用字面量方式创建。

var arr = [];
var arr2 = [1, 2, 'One Piece', false]; // 数组中保存的内容称为 "元素"

注意：

JS的数组不要求元素是相同类型。

这点和C/C++、Java等静态类型的语言差别很大。但是Python、PHP等动态类型语言也是如此。

1.4.2 -> 获取数组元素

使用下标的方式访问数组元素(从0开始)。

var arr = ['路飞太郎', '索隆十郎', '山五郎'];
console.log(arr);
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
arr[2] = '海侠甚平';
console.log(arr);

如果下标超出范围读取元素，则结果为undefined。

console.log(arr[3]);   // undefined
console.log(arr[-1]);  // undefined

注意：

不要给数组名直接赋值，此时数组中的所有元素都没了。

相当于本来arr是一个数组，重新赋值后变成字符串了。

var arr = ['路飞太郎', '索隆十郎', '山五郎'];
arr = '海侠甚平';

1.4.3 -> 新增数组元素

1. 通过修改length新增

相当于在末尾新增元素。新增的元素默认值为undefined。

test.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script src="style.js"></script></body>
</html>

style.js

var arr = [9, 5, 2, 7];
arr.length = 6;
console.log(arr);
console.log(arr[4], arr[5]);

展示结果：

2. 通过下标新增

如果下标超出范围赋值元素，则会给指定位置插入新元素。

test.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script src="style.js"></script></body>
</html>

style.js

var arr = [];
arr[2] = 10;
console.log(arr);

展示结果：

3. 使用push进行追加元素

代码示例1：给定一个数组，把数组中的奇数放到一个newArr中。

var arr = [9, 5, 2, 7, 3, 6, 8];
var newArr = [];
for (var i = 0; i < arr.length; i++) {if (arr[i] % 2 != 0) {newArr.push(arr[i]);}
}
console.log(newArr);

1.4.4 -> 删除数组中的元素

使用splice方法删除元素。

test.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script src="style.js"></script></body>
</html>

style.js

var arr = [9, 5, 2, 7];
// 第一个参数表示从下表为 2 的位置开始删除. 第二个参数表示要删除的元素个数是 1 个
arr.splice(2, 1);
console.log(arr);

展示结果：

注意：

arr.length，length使用的时候不带括号，此时length就是一个普通的变量(称为成员变量，也叫属性)。
arr.push()、arr.splice()使用的时候带括号，并且可以传参数，此时是一个函数(也叫方法)。

2 -> 函数

2.1 -> 语法格式

// 创建函数/函数声明/函数定义

function 函数名(形参列表) {

函数体

return 返回值;

}

// 函数调用

函数名(实参列表) // 不考虑返回值

返回值 = 函数名(实参列表) // 考虑返回值

函数定义并不会执行函数体内容，必须要调用才会执行。调用几次就会执行几次。

function hello() {console.log("hello");
}
// 如果不调用函数, 则没有执行打印语句
hello();

调用函数的时候进入函数内部执行，函数结束时回到调用位置继续执行。可以借助调试器来观察。
函数的定义和调用的先后顺序没有要求(这一点和变量不同，变量必须先定义再使用)。

// 调用函数
hello();
// 定义函数
function hello() {console.log("hello");
}

2.2 -> 关于参数个数

实参和形参之间的个数可以不匹配。但是实际开发一般要求形参和实参个数要匹配。

1. 如果实参个数比形参个数多，则多出的参数不参与函数运算。

sum(10, 20, 30); // 30

2. 如果实参个数比形参个数少，则此时多出来的形参值为undefined。

sum(10); // NaN, 相当于 num2 为 undefined.

JS的函数传参比较灵活，这一点和其他语言差别较大。事实上这种灵活性往往不是好事。

2.3 -> 函数表达式

另外一种函数的定义方式。

var add = function() {var sum = 0;for (var i = 0; i < arguments.length; i++) {sum += arguments[i];}return sum;
}
console.log(add(10, 20));       // 30
console.log(add(1, 2, 3, 4));   // 10
console.log(typeof add);        // function

此时形如function(){ }这样的写法定义了一个匿名函数，然后将这个匿名函数用一个变量来表示。

后面就可以通过这个add变量来调用函数了。

JS中函数是一等公民，可以用变量保存，也可以作为其他函数的参数或者返回值。

3 -> 作用域

某个标识符名字在代码中的有效范围。

在ES6标准之前，作用域主要分成两个：

全局作用域：在整个script标签中，或者单独的js文件中生效。
局部作用域/函数作用域：在函数内部生效。

// 全局变量
var num = 10;
console.log(num);
function test() {// 局部变量var num = 20;console.log(num);
}
function test2() {// 局部变量var num = 30;console.log(num);
}
test();
test2();
console.log(num);

创建变量时如果不写var，则得到一个全局变量。

function test() {num = 100;
}
test();
console.log(num);

另外，很多语言的局部变量作用域是按照代码块(大括号)来划分的，JS在ES6之前不是这样的。

if (1 < 2) {var a = 10;
}
console.log(a);

4 -> 作用域链

背景：

函数可以定义在函数内部。
内层函数可以访问外层函数的局部变量。

内部函数可以访问外部函数的变量。采取的是链式查找的方式。从内到外依次进行查找。

var num = 1;
function test1() {var num = 10;function test2() {var num = 20;console.log(num);}test2();
}
test1();

执行console.log(num)的时候，会现在test2的局部作用域中查找num。如果没找到，则继续去test1中查找。如果还没找到，就去全局作用域查找。

5 -> 对象

5.1 -> 基本概念

对象是指一个具体的事物。

"电脑"不是对象，而是一个泛指的类别。而"我的联想笔记本"就是一个对象。

在JS中，字符串、数值、数组、函数都是对象。

每个对象中包含若干的属性和方法。

属性：事物的特征。
方法：事物的行为。

对象需要保存的属性有多个，虽然数组也能用于保存多个数据，但是不够好。

例如表示一个学生信息。(姓名路飞太郎，身高180cm，体重170斤)
var student = ['路飞太郎', 180, 170];
但是这种情况下到底180和170谁表示身高，谁表示体重，就容易分不清。

JavaScript的对象和Java的对象概念上基本一致。只是具体的语法表项形式差别较大。

5.2 -> 使用字面量创建对象

使用{}创建对象。

var a = {};     // 创建了一个空的对象
var student = {name: '路飞太郎',height: 180,weight: 170,sayHello: function() {console.log("One Piece");}
};

使用{ }创建对象。
属性和方法使用键值对的形式来组织。
键值对之间使用“,”分割。最后一个属性后面的“,”可有可无。
键和值之间使用“:”分割。
方法的值是一个匿名函数。

使用对象的属性和方法：

// 1. 使用 . 成员访问运算符来访问属性 `.` 可以理解成 "的"
console.log(student.name);
// 2. 使用 [ ] 访问属性, 此时属性需要加上引号
console.log(student['height']);
// 3. 调用方法, 别忘记加上 () 
student.sayHello();

5.3 -> 使用new Object创建对象

var student = new Object(); // 和创建数组类似
student.name = "路飞太郎";
student.height = 180;
student['weight'] = 170;
student.sayHello = function () {console.log("One Piece");
}
console.log(student.name);
console.log(student['weight']);
student.sayHello();

注意：

使用{ }创建的对象也可以随时使用student.name = "路飞太郎"; 这样的方式来新增属性。

5.4 -> 使用构造函数创建对象

前面的创建对象方式只能创建一个对象。而使用构造函数可以很方便的创建多个对象。

例如：创建几个猫咪对象。

var yun = {name: "云云",type: "布偶猫",miao: function () {console.log("喵");}
};
var tang = {name: "汤圆",type: "金渐层",miao: function () {console.log("猫呜");}
}
var po = {name: "破破",type: "拿破仑",miao: function () {console.log("咕噜噜");}
}

此时写起来就比较麻烦。使用构造函数可以把相同的属性和方法的创建提取出来，简化开发过程。

基本语法

function 构造函数名(形参) {

this.属性 = 值;

this.方法 = function...

}

var obj = new 构造函数名(实参);

注意：

在构造函数内部使用this关键字来表示当前正在构建的对象。
构造函数的函数名首字母一般是大写的。
构造函数的函数名可以是名词。
构造函数不需要return。
创建对象的时候必须使用new关键字。

this相当于”我“。

使用构造函数重新创建猫咪对象。

function Cat(name, type, sound) {this.name = name;this.type = type;this.miao = function () {console.log(sound); // 别忘了作用域的链式访问规则}
}
var yun = new Cat('云云', '布偶猫', '喵');
var tang = new Cat('汤圆', '汤圆', '猫呜');
var po = new Cat('破破', '拿破仑', '咕噜噜');
console.log(yun);
yun.miao();

5.5 -> new关键字

new的执行过程：

先在内存中创建一个空的对象{ }。
this指向刚才的空对象(将上一步的对象作为this的上下文)。
执行构造函数的代码，给对象创建属性和方法。
返回这个对象(构造函数本身不需要return，由new代劳了)。

6 -> JavaScript的对象和Java的对象的区别

1. JavaScript没有“类”的概念

对象其实就是"属性" + "方法"。

类相当于把一些具有共性的对象的属性和方法单独提取了出来，相当于一个"月饼模子"。

在JavaScript中的"构造函数"也能起到类似的效果。

而且即使不是用构造函数，也可以随时的通过{ }的方式指定出一些对象。

在ES6中也引入了class关键字，就能按照类似于Java的方式创建类和对象了。

2. JavaScript对象不区分"属性"和"方法"

JavaScript中的函数是"一等公民"，和普通的变量一样。存储了函数的变量能够通过( )来进行调用执行。

3. JavaScript对象没有private / public等访问控制机制。

对象中的属性都可以被外界随意访问。

4. JavaScript对象没有"继承"。

继承本质就是"让两个对象建立关联"。或者说是让一个对象能够重用另一个对象的属性/方法。

JavaScript中使用"原型"机制实现类似的效果。

例如：创建一个Cat对象和Dog对象，让这两个对象都能使用animal对象中的eat方法。

通过 __proto__ 属性来建立这种关联关系(proto翻译作“原型”)。

var Dog = {name: "dog",__proto__: animal   //指向animal对象
};
var Cat = {name: "cat",__proto__: animal   //指向animal对象
}
Dog.eat();  //dog is eating
Cat.eat();  //cat is eating

当eat方法被调用的时候，先在自己的方法列表中寻找，如果找不到，就去找原型中的方法，如果原型中找不到，就去原型的原型中去寻找...... 最后找到Object那里，如果还找不到，那就是未定义了。

5. JavaScript没有"多态"。

多态的本质在于"程序猿不必关注具体的类型，就能使用其中的某个方法"。

C++、Java等静态类型的语言对于类型的约束和校验比较严格。因此通过子类继承父类，并重写父类的方法的方式来实现多态的效果。

但是在JavaScript中本身就支持动态类型，程序猿在使用对象的某个方法的时候本身也不需要对对象的类型做出明确区分。因此并不需要在语法层面上支持多态。

例如：

在Java中有ArrayList和LinkedList。为了让程序猿使用方便，往往写作

List<String> list = new ArrayList<>()

然后我们可以写一个方法：

void add(List<String> list, String s) {list.add(s);   
}

我们不必关注list是ArrayList还是LinkedList，只要是List就行。因为List内部带有add方法。

当我们使用JavaScript的代码的时候：

function add(list, s) {list.add(s)
}

add对于list这个参数的类型本身就没有任何限制。只需要list这个对象有add方法即可。就不必像Java那样先继承再重写绕一个圈子。

感谢各位大佬支持！！！

互三啦！！！

【海贼王航海日志：前端技术探索】一篇文章带你走进JavaScript(二)

目录 1 -> 基础数据类型 1.1 -> 条件语句 1.1.1 if语句 1.2 -> 分支语句 1.2.1 -> switch语句 1.3 -> 循环语句 1.3.1 -> while循环 1.3.2 -> continue 1.3.3 -> break 1.3.4 -> for循环 1.4 -> 数组 1.4.1 -> 创建数组 1.4.2 -…...

编程日记 2024/8/16 4:18:13

鸿蒙内核源码分析(进程管理篇) | 谁在管理内核资源？

官方基本概念从系统的角度看，进程是资源管理单元。进程可以使用或等待CPU、使用内存空间等系统资源，并独立于其它进程运行。 OpenHarmony内核的进程模块可以给用户提供多个进程，实现了进程之间的切换和通信，帮助用户管理业务程序…...

编程日记 2024/8/16 4:16:10

SQLALchemy 自动从数据库中映射

SQLALchemy 自动从数据库中映射使用`automap_base`注意事项在SQLAlchemy中，自动从数据库中映射表到Python类（也称为“反射”或“逆向工程”）是一个常见的需求，尤其是在你已经有了一个现有的数据库，并希望快速地为它创建一个ORM模型时。SQLAlchemy提供了工具来帮助你完成这…...

编程日记 2024/8/16 4:13:06

C++ stack与queue的使用与简单实现

目录 0. 适配器 1. stack的简要介绍 2. stack的简单使用 3. queue的简要介绍 4. queue的简单使用 STL标准库中stack和queue的底层结构 deque简单介绍 5. stack的模拟实现 6. queue的模拟实现 0. 适配器在文章开始前我们先了解一下适配器的概念适配器是一种设计模式(设计…...

编程日记 2024/8/16 4:12:05

【CS.DB】数据库-关系型数据库-MySQL-3.3.创建和管理表

1000.04.CS.DB-Database-Relational-MySQL-3.3.创建和管理表-Created: 2023-03-08.Thursday17:39 1. 创建和管理表在 MySQL 中，创建和管理表是数据库操作的基础。以下是创建和管理表的主要步骤和方法。 1.1 定义表结构定义表结构包括指定表的名称、列的名称和数…...

编程日记 2024/8/16 4:11:01

Ceph分布式存储系统的搭建与使用

目录一. 环境准备二. 安装Docker 三. admin节点安装cephadm 四. admin节点给另外四个主机导入镜像五. 向集群中添加节点六. Ceph使用列出可用设备清除设备数据---针对有数据的设备检查 OSD 状态 Ceph 集群中添加一个新的 OSD 查看集群的健康状态指定MDS 列…...

编程日记 2024/8/16 4:10:00

通过Redsocks将Kali Linux的流量进行代理

Redsocks 是一个代理重定向工具，可以将流量通过 SOCKS 或 HTTP 代理传递。你可以使用它在 Kali Linux 中将流量通过代理服务器。以下是设置和使用 Redsocks 的步骤： 1. 安装 Redsocks Redsocks 通常在 Kali Linux 上不可用，需要手动安装。首…...

编程日记 2024/8/16 4:07:56

基于java五台山景点购票系统(源码+论文+部署讲解等)

博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优…...

编程日记 2024/8/16 4:06:56

基于springboot的网上服装商城

TOC springboot182基于springboot的网上服装商城第一章课题背景及研究内容 1.1 课题背景信息数据从传统到当代，是一直在变革当中，突如其来的互联网让传统的信息管理看到了革命性的曙光，因为传统信息管理从时效性，还是安全性…...

编程日记 2024/8/16 4:05:54

#include "mywidget.h"MyWidget::MyWidget(QWidget *parent): QWidget(parent) {---------------------窗口设置----------------------this->setWindowTitle("南城贤子摄影工作室");//设置窗口标题this->setWindowIcon(QIcon("d:\\Pictures\\C…...

编程日记 2024/8/16 4:04:53

代码随想录算法训练营43期 | Day 10——栈与队列part1

代码随想录算法训练营代码随想录算法训练营43期 | Day 10232.用栈实现队列225. 用队列实现栈20. 有效的括号1047.删除字符串中的所有相邻重复项代码随想录算法训练营43期 | Day 10 232.用栈实现队列 class MyQueue { public:stack<int> sIn;stack<int> sOut;My…...

编程日记 2024/8/16 4:02:49

Java中常用的设计模式

一、什么是设计模式设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程…...

编程日记 2024/8/16 4:01:47

leetcode 11-20（2024.08.15）

立个flag，1-100题每天分配10题，不会就先空着（7）。 1. 11：盛最多水的容器 class Solution:def maxArea(self, height: List[int]) -> int:res 0left 0right len(height) - 1while left < right:area (right…...

编程日记 2024/8/16 3:57:43

C语言整数溢出的问题

目录补漏： 问题展现解析 C的解决方案补漏： 昨天我在开头提到-1的二进制如何表示，我在这里简单分析一下。首先我们要明白有符号的数转换是需要补码的，所以我们想这个问题之前将补码的规则思考一遍（首先将有符号…...

编程日记 2024/8/16 3:56:43

Linux学习之路 -- 进程 -- 进程间通信 -- 管道通信

本文主要介绍进程通信中的管道通信。前面我们学习进程的过程中，我们知道，进程是具有独立性的。这也就导致了进程不能够直接地把数据进行传递。为了实现进程之间地通信，我们就需要通过另外地方式来实现进程之间数据地传递。 1.进程通信的目…...

编程日记 2024/8/16 3:50:37

GB/T 38082-2019 生物降解塑料购物袋检测

生物降解塑料购物袋是指以生物降解树脂为主要原料制得的，具有提携结构的，在销售、服务等场所用于盛装及携提商品的袋制品。 GB/T 38082-2019 生物降解塑料购物袋检测项目： 检测项目测试标准尺寸偏差 GB/T 38082 感官 GB/T 38082 提掉…...

编程日记 2024/8/16 3:49:36

docker数据卷和资源控制

目录数据卷实现数据卷宿主机和容器之间进行数据共享容器与容器之间进行数据共享容器互联 docker容器的资源控制 cpu 1.设置cpu资源控制（比重） 2. 设置cpu的资源占用比（权重） 3.设置容器绑定cpu 内存 1.内存限制 …...

编程日记 2024/8/16 3:47:33

Kafka系统及其角色

Apache Kafka系统介绍 Apache Kafka 是由 LinkedIn 公司最初开发的一个高性能、分布式的消息传递系统。它被设计为一个可扩展、持久、分布式的流式处理平台，以满足 LinkedIn 在实时数据处理方面的需求。Kafka 的诞生源于 LinkedIn 需要处理海量数据时现有消息队列系…...

编程日记 2024/8/16 3:46:33

从零开始构建霸王餐返利APP的技术路线与挑战

从零开始构建霸王餐返利APP的技术路线与挑战大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！ 在电商领域，霸王餐返利APP作为一种新兴的商业模式，为用…...

编程日记 2024/8/16 3:45:31

安装Jmeter,配置jdk

注意点: java的jdk和jmeter的版本相匹配 ! ! ! 目前我使用的是1.8的的,jmeter使用的是5.6.3 JDK下载地址：https://www.oracle.com/cn/java/technologies/downloads 别管,直接傻瓜式安装点点就完了... 1.电脑-属性-高级系统设置-环境变量 2.系统变量-新建-变量…...

编程日记 2024/8/16 3:43:29

微信小程序 - 手机震动

一、界面 <button type"primary" bindtap"shortVibrate">短震动</button> <button type"primary" bindtap"longVibrate">长震动</button> 二、js逻辑代码注：文档 https://developers.weixin.qq…...

编程新知 2026/1/29 8:41:55

【C语言练习】080. 使用C语言实现简单的数据库操作

080. 使用C语言实现简单的数据库操作 080. 使用C语言实现简单的数据库操作使用原生APIODBC接口第三方库ORM框架文件模拟1. 安装SQLite2. 示例代码：使用SQLite创建数据库、表和插入数据3. 编译和运行4. 示例运行输出：5. 注意事项6. 总结080. 使用C语言实现简单的数据库操作在…...

编程新知 2025/9/22 21:37:01

【python异步多线程】异步多线程爬虫代码示例

claude生成的python多线程、异步代码示例，模拟20个网页的爬取，每个网页假设要0.5-2秒完成。代码 Python多线程爬虫教程核心概念多线程：允许程序同时执行多个任务，提高IO密集型任务（如网络请求）的效率…...

编程新知 2025/12/16 18:04:55

【开发技术】.Net使用FFmpeg视频特定帧上绘制内容

目录一、目的二、解决方案 2.1 什么是FFmpeg 2.2 FFmpeg主要功能 2.3 使用Xabe.FFmpeg调用FFmpeg功能 2.4 使用 FFmpeg 的 drawbox 滤镜来绘制 ROI 三、总结一、目的当前市场上有很多目标检测智能识别的相关算法，当前调用一个医疗行业的AI识别算法后返回…...

编程新知 2026/1/20 22:45:38

A2A JS SDK 完整教程：快速入门指南

目录什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库&#xff…...

编程新知 2025/12/12 8:42:24

GruntJS-前端自动化任务运行器从入门到实战

Grunt 完全指南：从入门到实战一、Grunt 是什么？ Grunt是一个基于 Node.js 的前端自动化任务运行器，主要用于自动化执行项目开发中重复性高的任务，例如文件压缩、代码编译、语法检查、单元测试、文件合并等。通过配置简洁的任务…...

编程新知 2026/1/25 11:52:39

Netty从入门到进阶（二）

二、Netty入门 1. 概述 1.1 Netty是什么 Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & clients. Netty是一个异步的、基于事件驱动的网络应用框架，用于…...

编程新知 2026/1/26 5:44:16

Caliper 负载(Workload)详细解析

Caliper 负载(Workload)详细解析负载(Workload)是 Caliper 性能测试的核心部分，它定义了测试期间要执行的具体合约调用行为和交易模式。下面我将全面深入地讲解负载的各个方面。一、负载模块基本结构一个典型的负载模块(如 workload.js)包含以下基本结构： use strict;/…...

编程新知 2025/10/31 21:11:39

在树莓派上添加音频输入设备的几种方法

在树莓派上添加音频输入设备可以通过以下步骤完成，具体方法取决于设备类型（如USB麦克风、3.5mm接口麦克风或HDMI音频输入）。以下是详细指南： 1. 连接音频输入设备 USB麦克风/声卡：直接插入树莓派的USB接口。3.5mm麦克…...

编程新知 2025/11/22 14:54:34

ThreadLocal 源码

ThreadLocal 源码此类提供线程局部变量。这些变量不同于它们的普通对应物，因为每个访问一个线程局部变量的线程（通过其 get 或 set 方法）都有自己独立初始化的变量副本。ThreadLocal 实例通常是类中的私有静态字段，这些类希望将…...

编程新知 2025/11/5 10:19:24

1 -> 基础数据类型

1.1 -> 条件语句

1.1.1 if语句

1.2 -> 分支语句

1.2.1 -> switch语句

1.3 -> 循环语句

1.3.1 -> while循环

1.3.2 -> continue

1.3.3 -> break

1.3.4 -> for循环

1.4 -> 数组

1.4.1 -> 创建数组

1.4.2 -> 获取数组元素

1.4.3 -> 新增数组元素

1.4.4 -> 删除数组中的元素

2 -> 函数

2.1 -> 语法格式

2.2 -> 关于参数个数

2.3 -> 函数表达式

3 -> 作用域

4 -> 作用域链

5 -> 对象

5.1 -> 基本概念

5.2 -> 使用字面量创建对象

5.3 -> 使用new Object创建对象

5.4 -> 使用构造函数创建对象

5.5 -> new关键字

6 -> JavaScript的对象和Java的对象的区别

相关文章：