JavaScript 学习笔记（JS进阶 Day1）

「写在前面」

本文为 b 站黑马程序员 pink 老师 JavaScript 教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：
1. JavaScript 学习笔记（Day1）
2. JavaScript 学习笔记（Day2）
3. JavaScript 学习笔记（Day3）
4. JavaScript 学习笔记（Day4）
5. JavaScript 学习笔记（Day5）
6. JavaScript 学习笔记（WEB APIs Day1）
7. JavaScript 学习笔记（WEB APIs Day2）
8. JavaScript 学习笔记（WEB APIs Day3）
9. JavaScript 学习笔记（WEB APIs Day4）
10. JavaScript 学习笔记（WEB APIs Day5）
11. JavaScript 学习笔记（WEB APIs Day6）

目录

  • 1 作用域
  • 2 函数进阶
  • 3 解构赋值
  • 4 综合案例

JavaScript进阶阶段安排:

P152：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=152

1 作用域

1.1 局部作用域

P153：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=153

  • 作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问

  • 作用域分为：

    • 局部作用域
    • 全局作用域

局部作用域分为函数作用域和块作用域。

1. 函数作用域：

在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。

<script>
  function getSum() {
    // 函数内部是函数作用域属于局部变量
    const num = 10
  }
  console.log(num) // 此处报错，函数外部不能使用局部作用域变量
</script>

总结：

  1. 函数内部声明的变量，在函数外部无法被访问
  2. 函数的参数也是函数内部的局部变量
  3. 不同函数内部声明的变量无法互相访问
  4. 函数执行完毕后，函数内部的变量实际被清空了

2. 块作用域：

在 JavaScript 中使用 { } 包裹的代码称为代码块，代码块内部声明的变量外部将【有可能】无法被访问。

for ( let t = 1; t<= 6; t++) {
  // t 只能在该代码块中被访问
  console.log(t) // 正常
}
// 超出了 t 的作用域
console.log(t) // 报错

总结：

  1. let 声明的变量会产生块作用域，var 不会产生块作用域
  2. const 声明的常量也会产生块作用域
  3. 不同代码块之间的变量无法互相访问
  4. 推荐使用 let 或 const

1.2 全局作用域

<script> 标签 和 .js 文件 的最外层就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。

全局作用域中声明的变量，任何其它作用域都可以被访问

<script>
  // 全局作用域下声明了num变量
  const num = 10
  function fn() {
    // 函数内部可以使用全局作用域的变量
    console.log(num)
  }
</script>

注意：

  1. 为 window 对象动态添加的属性默认也是全局的，不推荐！
  2. 函数中未使用任何关键字声明的变量为全局变量，不推荐！！！
  3. 尽可能少的声明全局变量，防止全局变量被污染

1.3 作用域链

作用域链本质上是底层的变量查找机制。

  • 在函数被执行时，会 优先查找当前函数作用域中查找变量
  • 如果当前作用域查找不到则会依次 逐级查找父级作用域直到全局作用域

总结：

  1. 嵌套关系的作用域串联起来形成了作用域链
  2. 相同作用域链中按着从小到大的规则查找变量
  3. 子作用域能够访问父作用域，父级作用域无法访问子级作用域

1.4 JS垃圾回收机制

P154：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=154

1. 什么是垃圾回收机制？

垃圾回收机制(Garbage Collection) 简称 GC：JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。

2.内存的生命周期

JS环境中分配的内存, 一般有如下生命周期：

  1. 内存分配：当我们声明变量、函数、对象的时候，系统会自动为他们分配内存
  2. 内存使用：即读写内存，也就是使用变量、函数等
  3. 内存回收：使用完毕，由 垃圾回收器自动回收不再使用的内存

说明：

  • 全局变量一般不会回收(关闭页面回收)；
  • 一般情况下 局部变量的值, 不用了, 会被 自动回收掉

内存泄漏：程序中分配的内存由于某种原因程序未释放或无法释放叫做内存泄漏

堆栈空间分配区别：

  1. 栈（操作系统）: 由 操作系统自动分配释放函数的参数值、局部变量等，基本数据类型放到栈里面。
  2. 堆（操作系统）: 一般由程序员分配释放，若程序员不释放，由 垃圾回收机制回收。 复杂数据类型放到堆里面。

两种常见的浏览器垃圾回收算法:

  • 引用计数法
  • 标记清除法

现代浏览器通用的大多是基于标记清除算法的某些改进算法

核心：

  1. 标记清除算法将“不再使用的对象”定义为“ 无法达到的对象”。
  2. 就是从 根部（在JS中就是全局对象）出发定时扫描内存中的对象。 凡是能从 根部到达的对象，都是还 需要使用的。
  3. 那些 无法由根部出发触及到的 对象被标记为不再使用，稍后进行 回收。
alt

1.5 闭包

P155：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=155

闭包概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域

简单理解：闭包 =  内层函数 + 外层函数的变量

闭包作用：封闭数据，提供操作，外部也可以访问函数内部的变量

闭包的基本格式:

function outer() {
  let i = 1
  function fn() {
    console.log(i)
  }
  return fn
}
const fun = outer()
fun() // 1
// 外层函数使用内部函数的变量
// 简约写法
function outer() {
  let i = 1
  return function () {
    console.log(i)
  }
}
const fun = outer()
fun() // 调用fun 1
// 外层函数使用内部函数的变量

闭包应用：实现数据的私有

比如，我们要做个统计函数调用次数，函数调用一次，就++

let count = 1
function fn() {
  count++
  console.log(`函数被调用${count}次`)
}
fn() // 2
fn() // 3

但是，这个count 是个全局变量，很容易被修改

function fn() {
  let count = 1
  function fun() {
    count++
    console.log(`函数被调用${count}次`)
  }
  return fun
}
const result = fn()
result() // 2
result() // 3

这样实现了数据私有，无法直接修改 count

1.6 变量提升

P156：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=156

变量提升是 JavaScript 中比较“奇怪”的现象，它允许在变量声明之前即被访问（仅存在于var声明变量）

console.log(str + 'world!')  // undefined world!
var str = 'hello '

注意：

  1. 变量在未声明即被访问时会报语法错误
  2. 变量在var声明之前即被访问，变量的值为 undefined
  3. let/const 声明的变量不存在变量提升
  4. 变量提升出现在相同作用域当中
  5. 实际开发中推荐先声明再访问变量

2 函数进阶

2.1 函数提升

函数提升与变量提升比较类似，是指函数在声明之前即可被调用。

// 1.会把所有函数声明提升到当前作用域的最前面
fn() // 函数能调用 
function fn() {
  console.Log('函数提升')
}

// 2. 函数表达式不存在提升的现象
fun() // 报错
var fun = function () {
  console.log('函数表达式')
}

总结：

  1. 函数提升能够使函数的声明调用更灵活
  2. 函数表达式不存在提升的现象
  3. 函数提升出现在相同作用域当中

2.2 函数参数

P157：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=157

1. 动态参数

arguments 是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参

function getSum() {
  // arguments 动态参数,只存在于函数里面,是伪数组
  let sum = 0
  for (let i = 0; i < arguments.length; i++){
    sum += arguments[i]
  }
  console.log(sum)
}
getSum(1,2) // 3
getSum(1,2,3) // 6

2. 剩余参数

  1. ... 是语法符号，置于最末函数形参之前，用于获取 多余的实参
  2. 借助 ... 获取的剩余实参，是个 真数组 
function getSum(a, b, ...arr) {
  console.log(arr)
}
getSum(2, 3) // []
getSum(1, 2, 3, 4, 5) // [3, 4, 5]

开发中，还是提倡多使用剩余参数。

3.展开运算符

展开运算符(…),将一个数组进行展开，不会修改原数组

典型运用场景： 求数组最大值(最小值)、合并数组等

const arr = [1, 2, 3]

// 展开运算符可以展开数组
console.log(...arr) // 1 2 3

// 1. 求数组最大值
// 数组没办法用max()，需要用...展开
console.Log(Math.max(1,2,3)) // 3
console.log(Math.max(...arr)) // 3
console.log(Math.min(...arr)) // 1

// 2. 合并数组
const arr1 = [1, 2, 3]
const arr2 = [3, 4, 5]
const arr = [...arr1, ...arr2]
console.log(arr) // [1, 2, 3, 4, 5]

2.3 箭头函数

P158：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=158

1. 基本语法

语法1：基本写法

// 普通函数
const fn = function () {
  console.log('我是普通函数')
}
fn()
// 箭头函数
const fn = () => {
  console.log('我是箭头函数')
}

语法2：只有一个参数可以省略小括号

// 普通函数
const fn = function (x) {
  return x + x
}
console.log(fn(1)) // 2
// 箭头函数
const fn = x => {
  return x + x
}
console.log(fn(1)) // 2

语法3：如果函数体只有一行代码，可以写到一行上，并且无需写 return 直接返回值

// 普通函数
const fn = function (x, y) {
  return x + y
}
console.log(fn(1, 2)) // 3
// 箭头函数
const fn = (x, y) => x + y
console.log(fn(1, 2)) // 3
// 更简洁的语法
const form = document.queryselector('form')
form.addEventListener('click', ev => ev.preventDefault())

语法4：加括号的函数体返回对象字面量表达式

const fn1 = uname => ({ uname: uname })
console.log(fn1('pink老师')) // {uname: 'pink老师'}
2.箭头函数参数
  1. 普通函数有arguments 动态参数
  2. 箭头函数没有 arguments 动态参数，但是有剩余参数 ...args 
const getSum = (...args) => {
  let sum = 0
  for (let i = 0; i < args.length; i++) {
    sum += args[i]
  }
  return sum // 注意函数体有多行代码需要return
}
console.log(getSum(1, 2, 3)) // 6
3.箭头函数 this
  1. 普通函数根据它是被 如何调用的来定义这个函数的this值
  2. 箭头函数 不会创建自己的this,它只会从自己的作用域链的 上一层沿用this。 
// 普通函数
console.log(this) // 此处为 window
const sayHi = function () {
  console.log(this) // 普通函数指向调用者,此处为 window
}
btn.addEventListener('click', function () {
  console.log(this) // 当前 this 指向 btn
})
// 箭头函数
console.log(this) // 此处为window
// 箭头函数
const sayHi =() => {
  console.log(this) // 箭头函数此处为window
}
btn.addEventListener('click', () => {
  console.log(this) // 当前this指向window
})

在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window，因此DOM事件回调函数为了简便，还是不太推荐使用箭头函数

// DOM 节点
const btn = document.queryselector('.btn')

// 箭头函数此时 this 指向了 window
btn.addEventListener('click', () => {
  console.log(this)
})

// 普通函数此时 this 指向了 DOM 对象
btn.addEventListener('click', function () {
  console.log(this)
})

3 解构赋值

3.1 数组解构

P159：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=159

数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法

基本语法：

  1. 赋值运算符 = 左侧的 [] 用于批量声明变量，右侧数组的单元值将被赋值给左侧的变量
  2. 变量的顺序对应数组单元值的位置依次进行赋值操作 
// 普通的数组
const arr = [1, 2, 3]
// 批量声明变量 a b c
// 同时将数组单元值 1 2 3 依次赋值给变量 a b c
const [a, b, c] = arr
console.log(a) // 1
console.log(b) // 2
console.log(c) // 3

典型应用：交换2个变量

let a = 1
let b = 3; // 这里必须有分号
[b, a] = [a, b]
console.log(a) // 3
console.log(b) // 1

js 前面必须加分号情况

// 1. 立即执行函数要加
(function () {})();
(function () {})();
// 2. 使用数组的时候
const str = 'pink';
[1, 2, 3].map(function (item) {
  console.log(item)
})

1.变量多单元值少的情况

变量的数量大于单元值数量时，多余的变量将被赋值为 undefined

// 变量多，单元值少
const [a, b, c, d] = ['小米', '苹果', '华为']
console.log(a) // 小米
console.log(b) // 苹果
console.log(c) // 华为
console.log(d) // undefined

2. 变量少单元值多的情况

// 变量少，单元值多
const [a, b, c] = ['小米', '苹果', '华为', '格力']
console.log(a) // 小米
console.log(b) // 苹果
console.log(c) // 华为

3.利用剩余参数解决变量少单元值多的情况

剩余参数返回的还是一个数组

// 利用剩余参数解决变量少单元值多的情况
const [a, b, ...tel] = ['小米', '苹果', '华为', '格力', 'vivo']
console.log(a) // 小米
console.log(b) // 苹果
console.log(tel) // ['华为', '格力', 'vivo']

4. 防止有undefined传递单元值的情况，可以设置默认值

允许初始化变量的默认值，且只有单元值为 undefined 时默认值才会生效

const [a = '手机', b = '华为'] = ['小米']
console.log(a) // 小米
console.log(b) // 华为

5. 按需导入，忽略某些返回值

// 按需导入，忽略某些值
const [a, , c, d] = ['小米', '苹果', '华为'，'格力']
console.log(a) // 小米
console.log(c) // 华为
console.log(d) // 格力

6. 支持多维数组的结构

const [a, b] = ['苹果', ['小米', '华为']]
console.log(a) // 苹果
console.log(b) // ['小米', '华为']

// 想要拿到小米和华为怎么办?
const [a, [b,c]] = ['苹果', ['小米', '华为']]
console.log(a) // 苹果
console.log(b) // 小米
console.log(c) // 华为

3.2 对象解构

P160：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=160

对象解构是将对象属性和方法快速批量赋值给一系列变量的简洁语法

1. 基本语法：

  1. 赋值运算符 = 左侧的 {} 用于批量声明变量，右侧对象的属性值将被赋值给左侧的变量
  2. 对象属性的值将被赋值给与属性名 相同的变量
  3. 注意解构的变量名不要和外面的变量名冲突否则报错 4.对象中找不到与变量名一致的属性时变量值为 undefined 
// 普通对象
const user = {
  name: '小明',
  age: 18
};
// 批量声明变量 name age
// 同时将数组单元值 小明 18 依次赋值给变量 name age
const {name, age} = user

console.log(name) // 小明
console.log(age) // 18

2.给新的变量名赋值：

可以从一个对象中提取变量并同时修改新的变量名

// 普通对象
const user = {
  name: '小明', 
  age: 18
};
// 把原来的 name 变量重新命名为 uname
const { name: uname, age } = user
console.log(uname) // 小明
console.log(age) // 18

冒号表示“什么值：赋值给谁”

3. 数组对象解构：

const pig = [
  {
    name: '佩奇',
    age: 6
  }
]
const [{ name, age }] = pig
console.log(name) // 佩奇
console.log(age) // 6

4.多级对象解构：

// 依次打印家庭成员
const pig = {
  name: '佩奇',
  family: {
    mother: '猪妈妈',
    father: '猪爸爸',
    sister: '乔治'
  },
  age: 6
}
const { name, family: { mother，father, sister } } = pig
console.log(name) // 佩奇
console.log(mother) // 猪妈妈
console.log(father) // 猪爸爸
console.log(sister) // 乔治
const people = [
  {
    name: '佩奇',
    family: {
      mother: '猪妈妈',
      father: '猪爸爸',
      sister: '乔治'
    },
    age: 6
  }
]
const [{ name, family: { mother, father, sister }}] = people
console.log(name) // 佩奇
console.log(mother) // 猪妈妈
console.log(father) // 猪爸爸
console.log(sister) // 乔治

遍历数组 forEach 方法

P161：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=161

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数

语法：

被遍历的数组.forEach(function (当前数组元素，当前元素索引号){
  // 函数体
})

注意：

  1. forEach 主要是遍历数组
  2. 参数 当前数组元素是必须要写的， 索引号可选。

例：

const arr = ['red ', 'green', 'pink']
arr.forEach(function (item,index) {
  console.log(item) // 数组元素 red green pink
  console.log(index) // 索引号 0 1 2
)

筛选数组 filter 方法

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

主要使用场景： 筛选数组符合条件的元素，并返回筛选之后元素的新数组

语法：

被遍历的数组.filter(function (currentValue, index) {
  return 筛选条件
})

例：

// 筛选数组中大于30的元素
const score = [10, 50, 3, 40, 33]
const re = score.filter(function (item) {
  return item > 30
})
console.log(re) // [50, 40, 33]

返回值：返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组

参数：currentValue 必须写， index 可选

因为返回新数组，所以不会影响原数组

4 综合案例

P162：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=162

P163：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=163


「结束」
alt

本文由 mdnice 多平台发布

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

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

相关文章

MYSQL数据库详解（6）-- 视图存储方式触发器

MYSQL数据库详解（6）-- 视图存储方式触发器

MYSQL数据库详解&#xff08;6&#xff09; 视图特征&#xff1a;作用&#xff1a;创建视图使用视图删除视图 存储过程 ***为什么使用存储过程定义&#xff1a;存储过程和函数的区别缺陷&#xff1a;创建存储过程使用存储过程环境变量 局部环境变量 全局环境变量删除存储过程…
阅读更多...
【linux】查看进程和子进程

【linux】查看进程和子进程

在Linux系统中&#xff0c;可以使用多个命令来查看进程及其子进程。以下是一些常用的方法&#xff1a; 1. ps 命令 ps 命令用于显示当前进程的状态。可以结合不同的选项来查看进程及其子进程。 查看进程树&#xff1a; ps -auxf - -a 显示所有进程。 - -u 显示进程的用户/所…
阅读更多...
上门服务小程序|预约上门服务系统开发有哪些功能？

上门服务小程序|预约上门服务系统开发有哪些功能？

在现代快节奏的生活中&#xff0c;压力和疲劳常常困扰着我们。为了缓解这种状况&#xff0c;越来越多的人选择去按摩店进行放松。然而&#xff0c;繁忙的工作和家庭责任往往让我们无法抽出时间去按摩店。在这种情况下&#xff0c;上门按摩服务应运而生。而随着科技的发展&#…
阅读更多...
css实现右边边框分割线 渐变色，边框四角样式

css实现右边边框分割线 渐变色，边框四角样式

分割线 代码 .data-item:first-of-type {border-right: 2px solid;border-image: linear-gradient(to top,rgba(0, 0, 0, 0.1) 0%,rgba(81, 110, 197, 0.76) 50%,rgba(0, 0, 0, 0.1) 100%)1;padding: 15px 0;}四角边框样式 代码 .chart-box {cursor: pointer;background: line…
阅读更多...
Tomcat Notes: Web Security, HTTPS In Tomcat

Tomcat Notes: Web Security, HTTPS In Tomcat

This is a personal study notes of Apache Tomcat. Below are main reference material. - YouTube Apache Tomcat Full Tutorial&#xff0c;owed by Alpha Brains Courses. https://www.youtube.com/watch?vrElJIPRw5iM&t801s 1、Overview2、Two Levels Of Web Securi…
阅读更多...
Linux浅学笔记02

Linux浅学笔记02

目录 grep-wc-管道符 echo-tail-重定向符 vi编辑器 grep-wc-管道符 grep命令(过滤文件内容) //更准确的来说&#xff0c;是筛选包括“所需字符”的一句内容或多句内容。 语法&#xff1a;grep [-n] 关键字 文件路径 //-n&#xff1a;可选&#xff0c;表示在结果中匹配的行…
阅读更多...
Vue2 - keep-alive 作用和原理

Vue2 - keep-alive 作用和原理

目录 1&#xff0c;介绍和作用2&#xff0c;原理3&#xff0c;使用场景3.1&#xff0c;效果展示3.2&#xff0c;实现思路 1&#xff0c;介绍和作用 <!-- 非活跃的组件将会被缓存&#xff01; --> <keep-alive><component :is"activeComponent" />…
阅读更多...
【Golang入门教程】如何使用Goland创建并运行项目

【Golang入门教程】如何使用Goland创建并运行项目

自然语言处理的发展 文章目录 自然语言处理的发展**前言**创建新项目编辑运行/调试配置编写并运行代码总结强烈推荐专栏集锦写在最后 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站: 人工…
阅读更多...
【边缘计算】TA的基本概念，以及TA的挑战和机遇

【边缘计算】TA的基本概念，以及TA的挑战和机遇

大家好&#xff0c;我是全栈小5&#xff0c;欢迎阅读文章&#xff01; 此篇是【话题达人】序列文章&#xff0c;这一次的话题是《边缘计算的挑战和机遇》 文章将以博主的角度进行讲述&#xff0c;理解和水平有限&#xff0c;不足之处&#xff0c;望指正。 目录 背景基本概念挑战…
阅读更多...
使用DBSyncer同步Oracle11g数据到Mysql5.7中_实现全量数据同步和增量数据实时同步_操作过程---数据同步之DBSyncer工作笔记007

使用DBSyncer同步Oracle11g数据到Mysql5.7中_实现全量数据同步和增量数据实时同步_操作过程---数据同步之DBSyncer工作笔记007

之前都是用mysql和Postgresql之间进行同步的,已经实现了数据的实时同步,现在要实现Oracle数据库到Mysql数据库的全量,以及增量同步. 因为之前配置的不对,这里架构名写成了orcl,所以导致,虽然能连接上,但是,在进行数据同步的时候,看不到表,所以这里说一下如何进行连接 这里,首先…
阅读更多...
socket以及字节序

socket以及字节序

1. socket 介绍&#xff1a; 简介&#xff1a; 所谓 socket&#xff08; 套接字&#xff09;&#xff0c;就是对网络中不同主机上的应用进程之间进行双向通信的 端点的抽象。 一个套接字就是网络上进程通信的一端&#xff0c;提供了应用层进程利用网络协议交换数据的机制。从所…
阅读更多...
Vulnhub靶机：FunBox 5

Vulnhub靶机：FunBox 5

一、介绍 运行环境&#xff1a;Virtualbox 攻击机&#xff1a;kali&#xff08;10.0.2.15&#xff09; 靶机&#xff1a;FunBox 5&#xff08;10.0.2.30&#xff09; 目标&#xff1a;获取靶机root权限和flag 靶机下载地址&#xff1a;https://www.vulnhub.com/entry/funb…
阅读更多...
C# 将HTML网页、HTML字符串转换为PDF文件

C# 将HTML网页、HTML字符串转换为PDF文件

将HTML转换为PDF可实现格式保留、可靠打印、文档归档等多种用途&#xff0c;满足不同领域和情境下的需求。本文将通过以下两个示例&#xff0c;演示如何使用第三方库Spire.PDF for .NET和QT插件在C# 中将Html 网页&#xff08;URL&#xff09;或HTML字符串转为PDF文件。 HTML转…
阅读更多...
引领AI变革：边缘计算与自然语言处理结合的无尽可能

引领AI变革：边缘计算与自然语言处理结合的无尽可能

引言 讲到Ai&#xff0c;你第一时间会想到什么&#xff1f;是Chagpt和文心一言这样与人类交流自然的Ai生成式对话服务&#xff1f;还是根据关键字快速制图的Ai绘图&#xff1f;这些都是近年来人们所常知的Ai用途&#xff0c;我们今天来讲讲以自然语言处理为辅&#xff0c;在Ai赋…
阅读更多...
在 Python 中使用 OpenCV 通过透视校正转换图像

在 Python 中使用 OpenCV 通过透视校正转换图像

在计算机视觉和图像处理领域&#xff0c;透视变换是一个强大的工具。它允许我们改变图像的视角以获得新的视点&#xff0c;通常用于校正扭曲或模拟不同的相机角度。本文将探讨一个 Python 脚本&#xff0c;该脚本使用计算机视觉领域流行的 OpenCV 库对图像执行透视变换。我们将…
阅读更多...
01-TiDB概述

01-TiDB概述

分布式关系型数据库 1、支持在线事务处理与在线分析处理 (Hybrid Transactional and Analytical Processing, HTAP) &#xff1a;OLTP (Online Transactional Processing)、OLAP (Online Analytical Processing)解决方案 2、无限制的水平扩容或者缩容 3、兼容MySQL &#xf…
阅读更多...
openresty 安装， nginx与 openresty

openresty 安装， nginx与 openresty

openresty VS nginx Nginx 是一款高性能的 Web 服务器和反向代理服务器&#xff0c;具备基础的功能如HTTP服务、负载均衡、反向代理以及动静分离等。它是许多互联网应用的核心组件&#xff0c;因其模块化和可扩展的设计而受到欢迎。1 OpenResty 是基于 Nginx 的 Web 平台&…
阅读更多...
nodeJs+express+Vue+MongoDB

nodeJs+express+Vue+MongoDB

数据库【Sqlite3、MongoDB、Mysql】简介&小记 Sqlite3&#xff1a; SQLite3是一个轻量级的数据库系统&#xff0c;它被设计成嵌入式数据库。这意味着它是一个包含在应用程序中的数据库&#xff0c;而不是独立运行的系统服务。适用场景&#xff1a;如小型工具、游戏、本地…
阅读更多...
ubuntu20根目录扩容

ubuntu20根目录扩容

ubuntu根目录/ 或者 /home文件夹有时出现空间满了的情况&#xff0c;可以用gparted工具进行空间的重新分配。 首先&#xff0c;如果你是双系统&#xff0c;需要从windows系统下磁盘压缩分配一部分未使用的空间给ubuntu&#xff0c;注意压缩的空间要邻接ubuntu所在盘的位置。 …
阅读更多...
力扣刷MySQL-第七弹（详细讲解）

力扣刷MySQL-第七弹（详细讲解）

&#x1f389;欢迎您来到我的MySQL基础复习专栏 ☆* o(≧▽≦)o *☆哈喽~我是小小恶斯法克&#x1f379; ✨博客主页&#xff1a;小小恶斯法克的博客 &#x1f388;该系列文章专栏&#xff1a;力扣刷题讲解-MySQL &#x1f379;文章作者技术和水平很有限&#xff0c;如果文中出…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023