前端架构师进阶之路07_JavaScript函数

1 函数的定义与调用

1.1 初识函数

函数是用于封装一段完成特定功能的代码。

相当于将一条或多条语句组成的代码块包裹起来，在使用时只需关心参数和返回值，就能完成特定的功能，而不用了解具体的实现。

// 内置函数
console.log(parseFloat('7.26e-2'));  // 返回解析后的浮点数：0.0726
console.log(isNaN(' '));             // 判断是否是NaN：false
console.log(parseInt('15.99'));      // 返回解析后的整数值：15

  • parseFloat() 用于返回解析字符串后的浮点数。

  • isNaN() 判断给定参数是否为NaN，判断结果为是，返回true，否则返回false。

  • parseInt() 用于返回解析字符串后的整数值。

除了使用内置函数外，JavaScript 中还可以根据具体情况自定义函数，提高代码的复用性、降低程序维护的难度。

函数的定义由以下4部分组成：

  • 关键字 function。
  • 函数名。
  • 参数。
  • 函数体。
function 函数名([参数1, 参数2, ……])
{函数体……reutrn
}
  • function：定义函数的关键字。
  • 函数名：可由大小写字母、数字、下划线（_）和 $ 符号组成，但是函数名不能以数字开头，且不能是JavaScript 中的关键字。
  • 参数：是外界传递给函数的值，它是可选的，多个参数之间使用“,”分割。
  • 函数体：是专门用于实现特定功能的主体，由一条或多条语句组成。
  • 返回值：在调用函数后若想得到处理结果，在函数体中可用 return 关键字返回。

注意：函数的名称最好不要使用 JavaScript 中的保留字，避免在将来被用作关键字导致出错。

1.2 参数设置

函数可以根据参数的设置分为以下两种：

  • 无参函数
  • 有参函数
无参函数

无参函数：适用于不需要提供任何数据，即可完成指定功能的情况。

function greet() {console.log('Hello everybody!');
}

注意：在自定义函数时，即使函数的功能实现不需要设置参数，小括号“()”也不能够省略。

有参函数

有参函数适用于开发时函数体内的操作需要用户传递数据的情况。

  • 形参：指的就是形式参数，具有特定的含义，在定义有参函数时设置的参数。简单理解为：不用声明的变量。
    • 用于接收实参的
  • 实参：指的是实际参数，也就是具体的值，在函数调用时传递的参数。函数调用的时候实参值是传递给形参的。
  • 实参和形参的多个参数之间用逗号(,)分隔。
function maxNum(a, b) {a =  parseInt(a);b =  parseInt(b);return a >= b ? a : b;
}

获取函数调用时传递的所有实参：适用于开发时函数体形参不确定的情况。

  • 实现方式：利用 arguments 对象，在函数体内可获取函数调用时传递的实参。
  • 其他操作：length 属性可获取实参的总数，具体实参值可利用数组遍历方式。
function transferParam() {console.log(arguments.length);console.log(arguments);
}
形参和实参个数不匹配
参数个数说明
实参个数等于形参个数输出正确结果
实参个数多于形参个数只取到形参的个数
实参个数小于形参个数多的形参定义为 undefined，结果为 NaN
function sum(num1, num2) {console.log(num1 + num2);
}
sum(100, 200);             // 300，形参和实参个数相等，输出正确结果
sum(100, 400, 500, 700);   // 500，实参个数多于形参，只取到形参的个数
sum(200);                  // 实参个数少于形参，多的形参定义为undefined，结果为NaN

注意：在 JavaScript 中，形参的默认值是undefined

含有默认值的参数与剩余参数

函数参数的设置，在 ES6 中提供了更灵活的使用方式，如设置形参的默认值等。

function greet(name, say = 'Hi, I\'m ') {console.log(say + name);
}

函数的形参在设置时，还可以为其指定默认值。当调用者未传递该参数时，函数将使用默认值进行操作。

扩展运算符

函数定义时，还可用“…变量名”的方式动态接收用户传递的不确定数量的实参。

// 一个确定形参
function transferParam(num1, ...theNums) {theNums.unshift(num1);console.log(theNums);
}// 无确定的形参
function transferParam(...theNums) {console.log(theNums);
}transferParam(99, 33, 56, 88, 90, 662);

1.3 函数的调用

  • 当函数定义完成后，要想在程序中发挥函数的作用，必须得调用这个函数。

  • 函数的调用非常简单，只需引用函数名，并传入相应的参数即可。

  • 函数声明与调用的编写顺序不分前后。

函数名称([参数1, 参数2, ……])

[参数1，参数2…]是可选的，用于表示形参列表，其值可以是零个、一个或多个。

1.4 练习作业

  • 字符串大小写转换
    • 编写HTML表单，设置两个文本框和两个按钮，文本框显示转换前后数据，按钮用于转换。
    • 为按钮添加点击事件，并利用函数处理。
    • 编写函数，根据传递的不同参数执行不同的转换操作。
    • 将转换后的数据显示到对应位置。
  • 封装函数，求2个数中的最大值
    • 求出求两个数中的最大值；求出三个数中的最大值。

2 变量的作用域

声明变量后就可以在任意位置使用该变量嘛？不是的。

函数内 var 关键字声明的变量，不能在函数外访问。

function info() {var age = 18;
}
// 输出结果：Uncaught ReferenceError: age is not defined
console.log(age);

变量的使用是有作用域范围的。

作用域划分：全局作用域、函数作用域和块级作用域（ES6提供的）。

不同作用域对应的变量：全局变量、局部变量、块级变量（ES6提供的）。

// demo.js 全局作用域
// -- 函数 函数作用域
// -- 语句(含有{}) 块级作用域// 全局作用域
var global = 'global';
function add(){// 函数作用域var fuc = 'fuc';// 块级作用域for(let a=1;a<5;a++){console.log(a);}
}
  • 全局变量：不在任何函数内声明的变量（显示定义）或在函数内省略 var 声明变量（隐式定义）都称为全局变量。
    • 作用范围：它在同一个页面文件中的所有脚本内都可以使用。
// 全局变量
var global = 'global';
function add(){// 全局变量fuc = 'fuc';
}
  • 局部变量：在函数体内利用 var 关键字定义的变量称为局部变量，它仅在该函数体内有效。
var global = 'global';
function add(){// 局部变量var fuc = 'fuc';
}
  • 块级变量：ES6 提供的 let 关键字声明的变量称为块级变量，仅在“{}”中间有效，如 if、for 或 while 语句等。
function add(){// 块级变量let fuc = 'fuc';// 块级变量for(let a=1;a<5;a++){console.log(a);console.log(fuc);}console.log(fuc);console.log(a);
}

注意：

  • 当使用 var 来声明或者声明并赋值变量时，无论声明位置在何处，声明本身这个语句会在当前 script 标签中的最顶端被执行
  • 无论函数在何处被声明，函数声明本身会在任何代码前被执行

垃圾回收机制

  • 在 JavaScript 中，局部变量只有在函数的执行过程中存在，而在这个过程中会为局部变量在（栈或堆）内存上分配相应的空间，以存储它们的值，然后在函数中使用这些变量，直到函数结束。
  • 一旦函数执行结束，局部变量就没有存在必要了，此时 JavaScript 就会通过垃圾回收机制自动释放它们所占用的内存空间。
  • 当创建对象之后对所有这个对象的变量赋值为null时，这个对象就永远无法被操作，这个对象就称为垃圾
  • js 拥有自动的垃圾回收机制，不需要也不能手动地回收垃圾，能做的只有将不再使用的对象赋值为 null

在开发中若要保留局部变量的值，可以通过以下两种方式实现：

// 第1种方式：利用return返回
function test(num) {num = num + 1;return num;
}
var num = test(24);
console.log(num); // 输出结果：25// 第2种方式：利用全局变量保存
var memory;
function test(num) {memory = num + 1;
}
test(24);
console.log(memory); // 输出结果：25

3 匿名函数

3.1 函数表达式

所谓函数表达式指的是将声明的函数赋值给一个变量，通过变量完成函数的调用和参数的传递，它也是 JavaScript 中另一种实现自定义函数的方式。

// 函数表达式
var fn = function sum(num1, num2) {return num1 + num2;
};
fn();// 函数声明方式
sum();
function sum(num1, num2) {return num1 + num2;
};
  • 函数的定义方式不同
  • 函数的调用方式不同
  • 函数定义与调用顺序不同

3.2 匿名函数

匿名函数指的是没有函数名称的函数。

可以有效的避免全局变量的污染以及函数名的冲突问题。

既是函数表达式的另一种表示形式，又可通过函数声明的方式实现调用。

// 函数表达式中省略函数名
var fn = function (num1, num2) {return  num1 + num2;
};
fn(1, 2);// 自调用方式
(function (num1, num2) {return  num1 + num2;
})(2, 3);// 处理事件
document.body.onclick  = function () {alert('Hi, everybody!');
};
箭头函数

ES6 中引入了一种新的语法编写匿名函数，我们称之为箭头函数。

一个箭头函数表达式的语法比一个函数表达式更短。

// 语法
(p1, p2, …, pN) => { statements }
/*
参数：
多个参数：(p1, p2, …, pN)
一个参数：(p1)  或 p1
没有参数：() 或 _函数体：
函数体：{ statements }
返回值：{ return expression; }
函数体只有一条语句：expression
*/// 设置1个参数
var fn1 = x => x + 2;
console.log(fn1(4)); // 输出结果：6// 设置2个参数
var fn2 = (x, y) => x + y;
console.log(fn2(1, 2) ); // 输出结果：3

箭头函数中箭头“=>”不是操作符或者运算符，但是箭头函数相比普通的函数受操作符的优先级影响。

3.3 回调函数

所谓回调函数指的就是一个函数 A 作为参数传递给一个函数 B，然后在 B 的函数体内调用函数 A。此时，我们称函数 A 为回调函数。

匿名函数常用作函数的参数传递，实现回调函数。

函数体中某部分功能由调用者决定，此时可以使用回调函数。

在 JavaScript 中还为数组提供了很多利用回调函数实现具体功能的方法。

方法名称功能描述格式
find()返回数组中满足回调函数的第一个元素的值，否则返回 undefinedarray.find(function(currentValue, index, arr),thisValue);
every()测试数组的所有元素是否都通过了回调函数的测试array.every(function(currentValue,index,arr), thisValue);
some()测试数组中的某些元素是否通过由回调函数实现的测试array.some(function(currentValue,index,arr),thisValue);
forEach()对数组的每个元素执行一次提供的函数array.forEach(function(currentValue, index, arr), thisValue);
map()创建一个新数组，其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果array.map(function(currentValue,index,arr), thisValue);
reduce()对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个值array.reduce(function(total, currentValue, currentIndex, arr), initialValue);
reduceRight()接收一个函数作为累加器（accumulator）和数组的每个值（从右到左）将其减少为单个值array.reduceRight(function(total, currentValue, currentIndex, arr), initialValue);
/* array.find(function(currentValue, index, arr),thisValue);
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象
注意: find() 对于空数组，函数是不会执行的。
注意: find() 并没有改变数组的原始值。
*/
// 获取数组中年龄大于 18 的第一个元素
var ages = [3, 10, 18, 20];
function checkAdult(age) {return age >= 18;
}
console.log(ages.find(checkAdult));/* array.every(function(currentValue, index, arr),thisValue);
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象
注意: every() 对于空数组，函数是不会执行的。
注意: every() 并没有改变数组的原始值。
*/
// 检测数组中所有元素是否都大于等于 18
var ages = [32, 33, 16, 40];
function checkAdult(age) {return age >= 18;
}
console.log(ages.every(checkAdult));/* array.some(function(currentValue, index, arr),thisValue);
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象
注意: some() 对于空数组，函数是不会执行的。
注意: some() 并没有改变数组的原始值。
*/
// 检测数组中是否有元素大于 18
var ages = [3, 10, 18, 20];
function checkAdult(age) {return age >= 18;
}
console.log(ages.some(checkAdult));/* array.forEach(function(currentValue, index, arr), thisValue);
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象
注意: forEach() 对于空数组，函数是不会执行的。
注意: forEach() 并没有改变数组的原始值。
*/
// 获取数组中所有值的总和
var sum = 0;
var numbers = [65, 44, 12, 4];
numbers.forEach(function (item) {sum += item;
});
console.log(sum);/* array.map(function(currentValue,index,arr), thisValue);
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象
注意: map() 对于空数组，函数是不会执行的。
注意: map() 并没有改变数组的原始值。
*/
var arr = ['a', 'b', 'c'];
arr.map(function(value, index) {console.log(value, index);
});/* array.reduce(function(total, currentValue, currentIndex, arr), initialValue);
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象
initialValue 可选。传递给函数的初始值
reduce() 对于空数组是不会执行回调函数的。
*/
var numbers = [65, 44, 12, 4];
function getSum(total, num) {return total + num;
}
console.log(numbers.reduce(getSum));/* array.reduceRight(function(total, currentValue, currentIndex, arr), initialValue);
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象
initialValue 可选。传递给函数的初始值
reduce() 对于空数组是不会执行回调函数的。
*/
var numbers = [65, 44, 12, 4];
function getSum(total, num) {return total + num;
}
console.log(numbers.reduceRight(getSum));
  • 参数：map() 的参数是一个回调函数fn。fn的第1个参数表示当前数组的元素。fn的第2个参数表示对应元素的索引下标。
  • 返回值：回调函数每次执行后的返回值会组合起来形成一个新数组。
  • 结果：在控制台依次可查看到，“a 0”、 “b 1”和“c 2”。
// 利用 map() 方法实现二维数组的转置
var arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];  // 待转置的数组
var reverse = arr[1].map(function (col, i) {  // 利用i获取转置后数组元素的下标return arr.map(function (row) {	          // 返回转置后新组合而成的数组元素return row[i];			              // 返回转置前数组元素的指定索引的元素});
});
console.log(reverse);

4 嵌套与递归

4.1 函数嵌套与作用域链

嵌套函数是在一个函数内部存在另一个函数的声明。

内层函数只能在外层函数作用域内执行，在内层函数执行的过程中，若需要引入某个变量，首先会在当前作用域中寻找，若未找到，则继续向上一层级的作用域中寻找，直到全局作用域，我们称这种链式的查询关系为作用域链。

var i = 10;function fn1() {fn2();
}function fn2() {console.log(i);
}fn1();

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.2 递归调用

递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程，这种函数称为递归函数。

简单理解： 函数内部自己调用自己，这个函数就是递归函数

function factorial(n){if(n==1){return 1;}return n*factorial(n-1);
}
console.log(factorial(4));

注意：递归调用虽然在遍历维数不固定的多维数组时非常合适，但它占用的内存和资源比较多，同时难以实现和维护，因此在开发中要慎重使用函数的递归调用。

由于递归很容易发生"栈溢出"错误，所以必须要加退出条件 return

4.3 练习作业

  • 求斐波那契数列第N项的值
    • 斐波那契数列又称黄金分割数列，如 “1, 1, 2, 3, 5, 8, 13, 21……”
    • 这个数列从第3项开始，每一项都等于前两项之和。
    • 代码实现原理：
      • 小于0，给出错误提示信息。
      • 等于0，返回0。
      • 等于1，返回1。
      • 大于1，按找到的规律并利用函数递归调用实现。

5 闭包函数

5.1 什么是闭包函数

在 JavaScript 中，内嵌函数可以访问定义在外层函数中的所有变量和函数，并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用“闭包”来实现。

所谓“闭包”指的就是有权访问另一函数作用域内变量（局部变量）的函数。它最主要的用途是以下两点：

  • 可以在函数外部读取函数内部的变量。
  • 可以让变量的值始终保持在内存中。

注意：由于闭包会使得函数中的变量一直被保存在内存中，内存消耗很大，所以闭包的滥用可能会降低程序的处理速度，造成内存消耗等问题。

5.2 闭包函数的实现

闭包的常见创建方式：就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量。

// 闭包（closure）指有权访问另一个函数作用域中变量的函数。
// 一个作用域可以访问另外一个函数的局部变量 
// 我们 fn 外面的作用域可以访问 fn 内部的局部变量
// 闭包的主要作用: 延伸了变量的作用范围
function fn() {var num = 10;return function() {console.log(num);}
}
var f = fn();
f();

点击 li 输出索引号

<body><ul class="nav"><li>榴莲</li><li>臭豆腐</li><li>鲱鱼罐头</li><li>大猪蹄子</li></ul><script>var lis = document.querySelector('.nav').querySelectorAll('li');for (var i = 0; i < lis.length; i++) {lis[i].index = i;lis[i].onclick = function() {// console.log(i);console.log(this.index);}}// 2. 利用闭包的方式得到当前小li 的索引号for (var i = 0; i < lis.length; i++) {// 利用for循环创建了4个立即执行函数// 立即执行函数也成为小闭包因为立即执行函数里面的任何一个函数都可以使用它的i这变量(function(i) {// console.log(i);lis[i].onclick = function() {console.log(i);}})(i);}</script>
</body>

6 练习作业

  • 使用函数实现从小到大排序
    • 给出一组数据，要求按照从小到大进行排序。
  • 函数求阶乘
    • 给出一个数，利用函数直接可以求出阶乘计算结果和求出阶乘函数的和。
  • 判断是否是闰年
    • 用户输入一个年份，通过函数来判断输入的年份是闰年还是平年。
  • 函数计算圆的面积和周长
    • 定义周长和面积函数，用程序来计算圆的面积和周长。
  • 两个整数相互交换
  • 点击为盒子添加边框样式
  • 网页计算器
    • 编写HTML页面，两个文本框用于输入数据，4个按钮用于完成加减乘除运算，最后一个文本框显示计算结果。
    • 编写calc()函数，获取并转换输入的数据，判断，不合法给出提示，调用指定函数完成相关计算。
      ) {
      // 利用for循环创建了4个立即执行函数
      // 立即执行函数也成为小闭包因为立即执行函数里面的任何一个函数都可以使用它的i这变量
      (function(i) {
      // console.log(i);
      lis[i].onclick = function() {
      console.log(i);
      }
      })(i);
      }
```

6 练习作业

  • 使用函数实现从小到大排序
    • 给出一组数据，要求按照从小到大进行排序。
  • 函数求阶乘
    • 给出一个数，利用函数直接可以求出阶乘计算结果和求出阶乘函数的和。
  • 判断是否是闰年
    • 用户输入一个年份，通过函数来判断输入的年份是闰年还是平年。
  • 函数计算圆的面积和周长
    • 定义周长和面积函数，用程序来计算圆的面积和周长。
  • 两个整数相互交换
  • 点击为盒子添加边框样式
  • 网页计算器
    • 编写HTML页面，两个文本框用于输入数据，4个按钮用于完成加减乘除运算，最后一个文本框显示计算结果。
    • 编写calc()函数，获取并转换输入的数据，判断，不合法给出提示，调用指定函数完成相关计算。
    • 编写函数，实现加、减、乘、除运算。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/88727.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

华为云云耀云服务器L实例评测｜华为云云耀云服务器L实例CentOS的存储和备份策略

华为云云耀云服务器L实例评测｜华为云云耀云服务器L实例CentOS的存储和备份策略

1 华为云云耀云服务器L实例介绍 华为云云耀云服务器L实例是华为云计算服务中的一种虚拟云服务器&#xff0c;它提供了强大的计算资源&#xff0c;可以在云端运行各种应用程序和服务。 华为云服务器提供了多种实例类型&#xff0c;包括通用型、计算优化型、内存优化型等&#…
阅读更多...
【数据结构-图】最短路径

【数据结构-图】最短路径

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kuan 的首页,持续学…
阅读更多...
华为乾坤区县教育安全云服务解决方案（2）

华为乾坤区县教育安全云服务解决方案（2）

本文承接&#xff1a; https://blog.csdn.net/qq_37633855/article/details/133276200?spm1001.2014.3001.5501 重点讲解华为乾坤区县教育安全云服务解决方案的部署流程。 华为乾坤区县教育安全云服务解决方案&#xff08;2&#xff09; 课程地址解决方案部署整体流程组网规划…
阅读更多...
曲线救国-通过Magisk安装burp证书到系统根目录

曲线救国-通过Magisk安装burp证书到系统根目录

0x01前言 需要对某APP做渗透测试&#xff0c;但该APP做了限制&#xff1a;不信任用户证书。因此需要将burp证书导入到存放系统证书目录下。虽然手机装了Magic&#xff0c;但似乎root有点问题。其挂载有问题&#xff0c;导致无法将 最初尝试&#xff1a;mount -o rw,remount -t…
阅读更多...
【牛客网】排序子序列

【牛客网】排序子序列

代码 import java.util.Scanner;// 注意类名必须为 Main, 不要有任何 package xxx 信息 public class Main {public static void main(String[] args) {Scanner in new Scanner(System.in);int n in.nextInt();int[] array new int[n1];//此处n1 防止后面判断i1下标时数组越…
阅读更多...
python中使用matplotlib绘图

python中使用matplotlib绘图

一、背景 当我们在写python程序时&#xff0c;不可避免的需要将数据可视化&#xff0c;也就是绘制出数据的曲线图&#xff0c;以便我们更直观的观察数据间的变化&#xff0c;以及方便对比。此时就要用到matplotlib库了。 matplotlib官方给出的定义是&#xff1a; 翻译过来也就…
阅读更多...
云HIS 医院综合运营管理系统源码

云HIS 医院综合运营管理系统源码

医院管理信息系统&#xff08;HIS&#xff09;是医院基本、重要的管理系统&#xff0c;是医院大数据的基础。 基于云计算的云医疗信息系统&#xff08;云HIS&#xff09;。以SaaS的方式提供服务&#xff0c;系统遵循服务化、模块化原则开发&#xff0c;具有强大的可扩展性&…
阅读更多...
深度学习-学习率调度，正则化，dropout

深度学习-学习率调度，正则化，dropout

正如前面我所说的&#xff0c;各种优化函数也依赖于学习率&#xff0c;保持学习率恒定总是有所限制&#xff0c;在执行梯度下降过程中&#xff0c;我们可以使用各种方法来调节训练过程的学习率&#xff0c;这里只是稍微介绍一下&#xff0c;不会写代码实现的。同时&#xff0c;…
阅读更多...
Apache DolphinScheduler 在奇富科技的首个调度异地部署实践

Apache DolphinScheduler 在奇富科技的首个调度异地部署实践

奇富科技&#xff08;原360数科&#xff09;是人工智能驱动的信贷科技服务平台&#xff0c;致力于凭借智能服务、AI研究及应用、安全科技&#xff0c;赋能金融机构提质增效&#xff0c;助推普惠金融高质量发展&#xff0c;让更多人享受到安全便捷的金融科技服务。作为国内领先的…
阅读更多...
Java BigDecimal 详解

Java BigDecimal 详解

目录 一、BigDecimal 1、简介 2、构造器描述 3、方法描述 4、使用 一、BigDecimal float和double类型的主要设计目标是为了科学计算和工程计算。他们执行二进制浮点运算&#xff0c;这是为了在广域数值范围上提供较为精确的快速近似计算而精心设计的。然而&#xff0c;它…
阅读更多...
树莓派（Linux系统通用）交叉编译（环境搭建、简单使用）

树莓派（Linux系统通用）交叉编译（环境搭建、简单使用）

概念 交叉编译是指在一台计算机上编译运行在另一台计算机上的程序。&#xff08;编译是指&#xff0c;在一个平台上生成在该平台上的可执行程序&#xff09;通常情况下&#xff0c;编译器和目标平台的架构是不同的&#xff0c;例如&#xff0c;在一台x86平台上编译运行在ARM平…
阅读更多...
数据结构-----二叉树的创建和遍历

数据结构-----二叉树的创建和遍历

目录 前言 二叉树的链式存储结构 二叉树的遍历 1.前序遍历 2.中序遍历 3.后序遍历 二叉树的创建 创建一个新节点的函数接口 1.创建二叉树返回根节点 2.已有根节点&#xff0c;创建二叉树 3.已有数据&#xff0c;创建二叉树 前言 在此之前我们学习了二叉树的定义和储…
阅读更多...
6种最常用的3D点云语义分割AI模型对比

6种最常用的3D点云语义分割AI模型对比

由于增强现实/虚拟现实的发展及其在计算机视觉、自动驾驶和机器人领域的广泛应用&#xff0c;点云学习最近引起了人们的关注。 深度学习已成功用于解决 2D 视觉问题&#xff0c;然而&#xff0c;由于其处理面临独特的挑战&#xff0c;深度学习技术在点云上的使用仍处于起步阶段…
阅读更多...
【Vue3】v-model

【Vue3】v-model

v-model 基本用法 prop: modelValue 事件&#xff1a;update:modelValue <!-- App.vue --><template><div><h1>我是父组件</h1><div>isShow: {{ isShow }}</div><div><button click"isShow !isShow">开关&…
阅读更多...
nodejs+vue大学食堂订餐系统elementui

nodejs+vue大学食堂订餐系统elementui

可以查看会员信息&#xff0c;录入新的会员信息&#xff0c;对会员的信息进行管理。 网站管理模块对整个网站中的信息进行管理&#xff0c;可以查看会员留在留言栏中的信息&#xff0c;设置网站中的参数等。用户管理模块主要实现用户添加、用户修改、用户删除等功能。 近年来&…
阅读更多...
Oracle实现主键字段自增

Oracle实现主键字段自增

Oracle实现主键自增有4种方式&#xff1a; Identity Columns新特性自增&#xff08;Oracle版本≥12c&#xff09;创建自增序列&#xff0c;创建表时&#xff0c;给主键字段默认使用自增序列创建自增序列&#xff0c;使用触发器使主键自增创建自增序列&#xff0c;插入语句&…
阅读更多...
MySQL MHA 高可用

MySQL MHA 高可用

目录 1 MySQL MHA 1.1 什么是 MHA 1.2 MHA 的组成 1.3 MHA 的特点 2 搭建 MySQL MHA 2.1 Master、Slave1、Slave2 节点上安装 mysql5.7 2.2 修改 Master、Slave1、Slave2 节点的主机名 2.3 修改 Master、Slave1、Slave2 节点的 Mysql主配置文件/etc/my.cnf 2.4 在 Mast…
阅读更多...
图像采集卡在应用程序的重要性概述

图像采集卡在应用程序的重要性概述

达到最大吞吐量是工业和工厂自动化的关键标准之一。提高传感器分辨率和帧速率有助于实现目标&#xff0c;但会限制带宽&#xff0c;并带来新的传输问题。图像采集卡是将相机连接到PC的最方便、最可靠的方式&#xff0c;在工业环境中使用图像采集卡为高速应用带来了特定的好处&a…
阅读更多...
[C++ 网络协议] 异步通知I/O模型

[C++ 网络协议] 异步通知I/O模型

1.什么是异步通知I/O模型 如图是同步I/O函数的调用时间流&#xff1a; 如图是异步I/O函数的调用时间流&#xff1a; 可以看出&#xff0c;同异步的差别主要是在时间流上的不一致。select属于同步I/O模型。epoll不确定是不是属于异步I/O模型&#xff0c;这个在概念上有些混乱&a…
阅读更多...
【深度学习】【Opencv】Python/C++调用onnx模型【基础】

【深度学习】【Opencv】Python/C++调用onnx模型【基础】

【深度学习】【Opencv】python/C调用onnx模型【基础】 提示:博主取舍了很多大佬的博文并亲测有效,分享笔记邀大家共同学习讨论 文章目录 【深度学习】【Opencv】python/C调用onnx模型【基础】前言Python版本OpenCVWindows平台安装OpenCVopencv调用onnx模型 C版本OpenCVWindows平…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023