JavaScript的内置类

一、认识包装类型

1.原始类型的包装类

JavaScript的原始类型并非对象类型,所以从理论上来说,它们是没有办法获取属性或者调用方法的。

但是,在开发中会看到,我们会经常这样操作:

var message = "hello world";
var words = message.split(" ");
var length = message.length;var num = 2.5333;
num = num.toFixed(2)

那么,为什么会出现这样奇怪的现象呢?(悖论)

  • 原始类型是简单的值,默认并不能调用属性和方法
  • 这是因为JavaScript为了可以使其可以获取属性和调用方法,对其封装了对应的包装类型

常见的包装类型有:StringNumberBooleanSymbolBigInt类型

2.包装类型的使用过程

默认情况,当我们调用一个原始类型的属性或者方法时,会进行如下操作:

  • 根据原始值,创建一个原始类型对应的包装类型对象;
  • 调用对应的属性或者方法,返回一个新的值;
  • 创建的包装类对象被销毁;
  • 通常JavaScript引擎会进行很多的优化,它可以跳过创建包装类的过程在内部直接完成属性的获取或者方法的调用。

我们也可以自己来创建一个包装类的对象:

  • name1是字面量(literal)的创建方式,name2是new创建对象的方式;
var name1 = "code!mq";
var name2 = new String("code!mq");
console.log(typeof name1);// string
console.log(typeof name2);// object
console.log(name1 === name2);// false

注意事项:null、undefined没有任何的方法,也没有对应的“对象包装类”;

二、数字类型Number

1.Number类的补充

前面我们已经学习了Number类型,它有一个对应的数字包装类型Number,我们来对它的方法做一些补充。

Number属性补充:

  • Number.MAX_SAFE_INTEGER:JavaScript 中最大的安全整数 (2^53 - 1);
  • Number.MIN_SAFE_INTEGER:JavaScript 中最小的安全整数 -(2^53 - 1)

Number实例方法补充:

  • 方法一:toString(base),将数字转成字符串,并且按照base进制进行转化
    • base 的范围可以从 2 到 36,默认情况下是 10;
    • 注意:如果是直接对一个数字操作,需要使用…运算符;
// 对象的方法
// toString(base)
var num = 1000
console.log(num.toString(), typeof num.toString())
console.log(num.toString(2))
console.log(num.toString(8))
console.log(num.toString(16))// console.log(123..toString(2))
  • 方法二:toFixed(digits),格式化一个数字,保留digits位的小数;
    • digits的范围是0到20(包含)之间;
// toFixed的使用(重要)
var pi = 3.1415926
console.log(pi.toFixed(3))

Number类方法补充:

  • 方法一:Number.parseInt(string[, radix]),将字符串解析成整数,也有对应的全局方法parseInt;
  • 方法二:Number.parseFloat(string),将字符串解析成浮点数,也有对应的全局方法parseFloat;

更多Number的知识,可以查看MDN文档:

  • https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number
// 类的方法
// parseInt
// parseFloat
// 整数: 123
// 浮点数: 小数 123.321
var num1 = "123.521"
console.log(Number(num1).toFixed(0))
console.log(Number.parseInt(num1))
console.log(Number.parseFloat(num1))// window对象上面
console.log(parseInt(num1))
console.log(parseFloat(num1))
console.log(parseInt === Number.parseInt)// true

三、数学对象Math

1.Math对象

在除了Number类可以对数字进行处理之外,JavaScript还提供了一个Math对象。

  • Math是一个内置对象(不是一个构造函数),它拥有一些数学常数属性和数学函数方法;

Math常见的属性:

  • Math.PI:圆周率,约等于 3.14159;

Math常见的方法:

  • Math.floor:向下舍入取整
  • Math.ceil:向上舍入取整
  • Math.round:四舍五入取整
  • Math.random:生成0~1的随机数(包含0,不包含1)
  • Math.pow(x, y):返回x的y次幂
//Math对象的属性
console.log(Math.PI)//Math对象的方法
var num = 3.55
console.log(Math.floor(num)) // 3
console.log(Math.ceil(num)) // 4
console.log(Math.round(num)) // 4
// 另外方法
// random: 随机生成 [0, 1)
console.log(Math.random())
// 需求: [5~50)的随机数
// [a, b)
// y = a
// x = b - a
// Math.floor(Math.random() * x) + y
// Math.pow(x, y)
console.log(Math.pow(2, 4))

Math中还有很多其他数学相关的方法,可以查看MDN文档:

  • https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math

四、字符串类型String

1.String类的补充(一)基本使用

在开发中,我们经常需要对字符串进行各种各样的操作,String类提供给了我们对应的属性和方法。

String常见的属性:

  • length:获取字符串的长度;

String也有很多常见的方法和操作,我们来进行学习。

var a = "hello world";
a.length;//11

操作一:访问字符串的字符

  • 使用方法一:通过字符串的索引 str[0]
  • 使用方法二:通过str.charAt(pos)方法
  • 它们的区别是索引的方式没有找到会返回undefined,而charAt没有找到会返回空字符串

练习:字符串的遍历

  • 方式一:普通for循环
  • 方式二:for…of遍历
// for普通遍历
for (var i = 0; i < message.length; i++) {console.log(message[i])
}// for..of的遍历 -> 迭代器
// 目前可迭代对象: 字符串/数组
// 对象是不支持for..of
// String对象内部是将字符串变成了一个可迭代对象
for (var char of message) {console.log(char)
}

2.String类的补充(二) 修改字符串

字符串的不可变性:

  • 字符串在定义后是不可以修改的,所以下面的操作是没有任何意义的;
var message = "hello world";
message[1] = "a";
console.log(message);//hello world

所以,在我们改变很多字符串的操作中,都是生成了一个新的字符串;

  • 比如改变字符串大小的两个方法
  • toLowerCase():将所有的字符转成小写;
  • toUpperCase() :将所有的字符转成大写;
var message = "Hello World";
message[2] = "c";
console.log(message);
var upper = message.toUpperCase();
console.log(upper);
var lower = message.toLowerCase();
console.log(lower);

3.String类的补充(三) 查找字符串

在开发中我们经常会在一个字符串中查找或者获取另外一个字符串,String提供了如下方法:

方法一:查找字符串位置 str.indexOf(searchValue [, fromIndex])

  • 从fromIndex开始,查找searchValue的索引;
  • 如果没有找到,那么返回-1;
  • 有一个相似的方法,叫lastIndexOf,从最后开始查找(用的较少)
var message = "Hello World";
var index = message.indexOf('o');
console.log(index);
console.log(message.indexOf("o", 6));

方法二:是否包含字符串 str.includes(searchString[, position])

  • 从position位置开始查找searchString, 根据情况返回 true 或 false
  • 这是ES6新增的方法;
console.log(message.includes("or"));

4.String类的补充(四)开头和结尾

方法三:以xxx开头 str.startsWith(searchString[, position])

  • 从position位置开始,判断字符串是否以searchString开头;
  • 这是ES6新增的方法,下面的方法也一样;

方法四:以xxx结尾 str.endsWith(searchString[, length])

  • 在length长度内,判断字符串是否以searchString结尾;

方法五:替换字符串 str.replace(regexp|substr, newSubstr|function)

  • 查找到对应的字符串,并且使用新的字符串进行替代;
  • 这里也可以传入一个正则表达式来查找,也可以传入一个函数来替换;
// 3.startsWith: 是否以xxx开头
// if (message.startsWith("my")) {
//   console.log("message以my开头")
// }// 4.endsWith: 是否以xxx结束
// if (message.endsWith("why")) {
//   console.log("message以why结尾")
// }// 5.replace 替换字符串
// var newMessage = message.replace("why", "kobe")
// console.log(message)
// console.log(newMessage)
var newName = "kobe"
var newMessage = message.replace("why", function() {return newName.toUpperCase()
})
console.log(newMessage)

5.String类的补充(五) - 获取子字符串

方法八:获取子字符串

在这里插入图片描述

var s1 = "Hello World";
var s2 = s1.slice(1, 5);
console.log(s1, s2);
  • 开发中推荐使用slice方法。

6.String类的补充(六) - 其他方法

方法六:拼接字符串 str.concat(str2, [, ...strN])

console.log("Hello".concat("World"));

方法七:删除首位空格 str.trim()

console.log("  coder!mq  ".trim());

方法九:字符串分割 str.split([separator[, limit]])

  • separator:以什么字符串进行分割,也可以是一个正则表达式
  • limit:限制返回片段的数量;
var message = "my name is coder!mq";
console.log(message.split(" ", 3));// ['my', 'name', 'is']

更多的字符串的补充内容,可以查看MDN的文档:

  • https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String

五、数组

1.认识数组

什么是数组(Array)呢?

  • 对象允许存储键值集合,但是在某些情况下使用键值对来访问并不方便;
  • 比如说一系列的商品、用户、英雄,包括HTML元素,我们如何将它们存储在一起呢?
  • 这个时候我们需要一种有序的集合,里面的元素是按照某一个顺序来排列的;
  • 这个有序的集合,我们可以通过索引来获取到它;
  • 这个结构就是数组(Array);

数组和对象都是一种保存多个数据的数据结构,在后续的数据结构中我们还会学习其他结构;

我们可以通过[]来创建一个数组:

  • 数组是一种特殊的对象类型
var letters = ['a', 'b', 'c'];

2.数组的创建方式

创建一个数组有两种语法:

// 方式一
var arr1 = [];
// 方式二
var arr2 = new Array();

下面的方法是在创建一个数组时,设置数组的长度(很少用)

var arr3 = new Array(5);
console.log(arr3);

数组元素从 0 开始编号(索引index)。

  • 一些编程语言允许我们使用负数索引来实现这一点,例如 fruits[-1]
  • JavaScript并不支持这种写法

我们先来学习一下数组的基本操作:

  • 访问数组中的元素;
  • 修改数组中的元素;
  • 增加数组中的元素;
  • 删除数组中的元素;

3.数组的基本操作

访问数组中的元素:

  • 通过中括号[]访问
  • arr.at(i)
    • 如果 i >= 0,则与 arr[i] 完全相同。
    • 对于 i 为负数的情况,它则从数组的尾部向前数。
var arr = [2,5,3,1];
arr[0];
arr.at(-1);

修改数组中的元素

arr[0] = "coder!mq";

删除和添加元素虽然也可以通过索引来直接操作,但是开发中很少这样操作。

4.数组的添加、删除方法(一)

在数组的尾端添加或删除元素:

  • push 在末端添加元素.
  • pop 从末端取出一个元素.
arr.push("abc", "edf");
arr.pop();

在数组的首端添加或删除元素

  • shift 取出队列首端的一个元素,整个数组元素向前移动;
  • unshift 在首端添加元素,整个其他数组元素向后移动;

push/pop 方法运行的比较快,而 shift/unshift 比较慢。

5.数组的添加、删除方法(二)

如果我们希望在中间某个位置添加或者删除元素应该如何操作呢?

arr.splice 方法可以说是处理数组的利器,它可以做所有事情:添加,删除和替换元素。

arr.splice的语法结构如下:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

  • 从start位置开始,处理数组中的元素;
  • deleteCount:要删除元素的个数,如果为0或者负数表示不删除;
  • item1, item2, …:在添加元素时,需要添加的元素;
var arr = [3, 4, 5, 1];
// 删除2个元素
arr.splice(1, 2);
console.log(arr);//[3, 1]
var arr2 = [5, 2, 1, 5, 6];
// 替换2个元素
arr2.splice(1, 2, 1, 2);
console.log(arr2);// [5, 1, 2, 5, 6]
// 新增2个元素
var arr3 = [3, 5, 8, 0];
arr3.splice(2, 0, 1, 3);//[3, 5, 1, 3, 8, 0]
console.log(arr3);

注意:这个方法会修改原数组

6.length属性

length属性用于获取数组的长度:

  • 当我们修改数组的时候,length 属性会自动更新。

length 属性的另一个有意思的点是它是可写的。

  • 如果我们手动增加一个大于默认length的数值,那么会增加数组的长度。
  • 但是如果我们减少它,数组就会被截断。
var arr = [2, 5, 1];
arr.length = 1;
console.log(arr);//[2]

所以,清空数组最简单的方法就是:arr.length = 0;

7.数组的遍历

普通for循环遍历:

var arr = [5, 6, 8, 2, 5];
for (var index = 0; index < arr.length; index++) {console.log(arr[index]);
}

for…in 遍历,获取到索引值:

for (var index in arr) {console.log(arr[index]);
}

for…of 遍历,获取到每一个元素:

for (var value of arr) {console.log(value);
}

8.数组方法 – slice、cancat、 join

arr.slice 方法:用于对数组进行截取(类似于字符串的slice方法)。

arr.slice([begin[,end]])

  • 包含begin元素,但是不包含end元素;
arr.slice(2, 3);

arr.concat方法:创建一个新数组,其中包含来自于其他数组和其他项的值。

var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])

var newArr = arr.concat(["abc", "edv"], "bdc");

arr.join方法: 将一个数组的所有元素连接成一个字符串并返回这个字符串。

arr.join([separator])

arr.join("-");

9.数组方法 – 查找元素

arr.indexOf方法: 查找某个元素的索引

arr.indexOf(searchElement[, fromIndex])

  • 从fromIndex开始查找,如果找到返回对应的索引,没有找到返回-1;
  • 也有对应的从最后位置开始查找的 lastIndexOf 方法

arr.includes方法:判断数组是否包含某个元素

arr.includes(valueToFind[, fromIndex])

  • 从索引 from 开始搜索 item,如果找到则返回 true(如果没找到,则返回 false)。

find 和 findIndex 直接查找元素或者元素的索引(ES6之后新增的语法)

var students = [{ id: 100, name: "why", age: 18 },{ id: 101, name: "kobe", age: 30 },{ id: 102, name: "james", age: 25 },{ id: 103, name: "why", age: 22 }
]
var stu = students.find(functon(value, index, arr) {if (value.age > 18) return true;})

10.数组的排序 – sort/reverse

sort方法也是一个高阶函数,用于对数组进行排序,并且生成一个排序后的新数组:

arr.sort([compareFunction])

  • 如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 前面;
  • 如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变;
  • 如果 compareFunction(a, b) 大于 0 , b 会被排列到 a 前面;
  • 也就是说,谁小谁排在前面;
var newStus = students.sort(function(item1, item2) {return item2.age - item1.age;
})
console.log(newStus);

等到后续讲解数据结构与算法时,我们会编写自己的排序算法:

  • 冒泡排序、插入排序、选择排序、堆排序、希尔排序、快速排序等;

reverse() 方法将数组中元素的位置颠倒,并返回该数组。

11.数组的其他高阶方法

arr.forEach

  • 遍历数组,并且让数组中每一个元素都执行一次对应的方法;

arr.map

  • map() 方法创建一个新数组;
  • 这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成;

arr.filter

  • filter() 方法创建一个新数组;

  • 新数组中只包含每个元素调用函数返回为true的元素;

arr.reduce

  • 用于计算数组中所有元素的总和;
  • 对数组中的每个元素按序执行一个由您提供的 reducer 函数;
  • 每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值;
// 1.forEach函数
var names = ["abc", "cba", "nba", "mba"]// 三种方式, 新增一种方式
names.forEach(function(item) {console.log(item, this)
}, { name: "why" })// 2.filter函数: 过滤
// var nums = [11, 20, 55, 100, 88, 32]
// 2.1. for循环实现
// var newNums = []
// for (var item of nums) {
//   if (item % 2 === 0) {
//     newNums.push(item)
//   }
// }
// 2.2. filter实现
// var newNums = nums.filter(function(item) {
//   return item % 2 === 0
// })
// console.log(newNums)// 3.map函数: 映射
// var nums = [11, 20, 55, 100, 88, 32]
// var newNums = nums.map(function(item) {
//   return item * item
// })
// console.log(newNums)// 4.reduce
// var nums = [11, 20, 55, 100, 88, 32]
// var result = 0
// for (var item of nums) {
//   result += item
// }
// console.log(result)
// 第一次执行: preValue->0 item->11
// 第二次执行: preValue->11 item->20
// 第三次执行: preValue->31 item->55
// 第四次执行: preValue->86 item->100
// 第五次执行: preValue->186 item->88
// 第六次执行: preValue->274 item->32
// 最后一次执行的时候 preValue + item, 它会作为reduce的返回值// initialValue: 初始化值, 第一次执行的时候, 对应的preValue
// 如果initialValue没有传呢?
// var result = nums.reduce(function(preValue, item) {
//   console.log(`preValue:${preValue} item:${item}`)
//   return preValue + item
// }, 0)
// console.log(result)// reduce练习
// var products = [
//   { name: "鼠标", price: 88, count: 3 },
//   { name: "键盘", price: 200, count: 2 },
//   { name: "耳机", price: 9.9, count: 10 },
// ]
// var totalPrice = products.reduce(function(preValue, item) {
//   return preValue + item.price * item.count
// }, 0)
// console.log(totalPrice)// 综合练习: 
var nums = [11, 20, 55, 100, 88, 32]// 过滤所有的偶数, 映射所有偶数的平方, 并且计算他们的和
// var total = nums.filter(function(item) {
//   return item % 2 === 0
// }).map(function(item) {
//   return item * item
// }).reduce(function(preValue, item) {
//   return preValue + item
// }, 0)
// console.log(total)// var total = nums.filter(item => item % 2 === 0)
//                 .map(item => item * item)
//                 .reduce((preValue, item) => preValue + item, 0)
// console.log(total)

六、Date类型

1.时间的表示方式

关于《时间》,有很多话题可以讨论:

  • 比如物理学有《时间简史:从大爆炸到黑洞》,讲述的是关于宇宙的起源、命运;
  • 比如文学上有《记念刘和珍君》:时间永是流驶,街市依旧太平;
  • 比如音乐上有《时间都去哪儿了》:时间都去哪儿了,还没好好感受年轻就老了;

我们先来了解一下时间表示的基本概念:

最初,人们是通过观察太阳的位置来决定时间的,但是这种方式有一个最大的弊端就是不同区域位置大家使用的时间是不一致的。

  • 相互之间没有办法通过一个统一的时间来沟通、交流。

之后,人们开始制定的标准时间是英国伦敦的皇家格林威治( Greenwich )天文台的标准时间(刚好在本初子午线经过的地方),这个时 间也称之为GMT(Greenwich Mean Time)。

  • 其他时区根据标准时间来确定自己的时间,往东的时区(GMT+hh:mm),往西的时区(GMT+hh:mm);

但是,根据公转有一定的误差,也会造成GMT的时间会造成一定的误差,于是就提出了根据原子钟计算的标准时间UTC(Coordinated Universal Time)

目前GMT依然在使用,主要表示的是某个时区中的时间,而UTC是标准的时间。

2.创建Date对象

在JavaScript中我们使用Date来表示和处理时间。

  • Date的构造函数有如下用法:
new Date();
new Date(value);
new Date(dateString);
new Date(year, monthIndex[, day [ hours [, minutes [, seconds [,milliseconds]]]]);
// 创建Date对象的方式
// 1.没有传入任何的参数, 获取到当前时间
var date1 = new Date()
console.log(date1)// 2.传入参数: 时间字符串
var date2 = new Date("2022-08-08")
console.log(date2)// 3.传入具体的年月日时分秒毫秒
var date3 = new Date(2033, 10, 10, 09, 08, 07, 333)
console.log(date3)// 4.传入一个Unix时间戳
// 1s -> 1000ms
var date4 = new Date(10004343433)
console.log(date4)

这个格式是什么意思呢?

3.dateString时间的表示方式

日期的表示方式有两种:RFC 2822 标准 或者 ISO 8601 标准

默认打印的时间格式是RFC 2822标准的:

在这里插入图片描述

我们也可以将其转化成ISO 8601标准的:

  • YYYY:年份,0000 ~ 9999
  • MM:月份,01 ~ 12
  • DD:日,01 ~ 31
  • T:分隔日期和时间,没有特殊含义,可以省略
  • HH:小时,00 ~ 24
  • mm:分钟,00 ~ 59
  • ss:秒,00 ~ 59
  • .sss:毫秒
  • Z:时区
console.log(date)
console.log(date.toDateString())
console.log(date.toISOString())

4.Date获取信息的方法

我们可以从Date对象中获取各种详细的信息:

  • getFullYear():获取年份(4 位数);
  • getMonth():获取月份,从 0 到 11;
  • getDate():获取当月的具体日期,从 1 到 31(方法名字有点迷);
  • getHours():获取小时;
  • getMinutes():获取分钟;
  • getSeconds():获取秒钟;
  • getMilliseconds():获取毫秒;

获取某周中的星期几:

  • getDay():获取一周中的第几天,从 0(星期日)到 6(星期六);

5.Date设置信息的方法

Date也有对应的设置方法:

  • setFullYear(year, [month], [date])
  • setMonth(month, [date])
  • setDate(date)
  • setHours(hour, [min], [sec], [ms])
  • setMinutes(min, [sec], [ms])
  • setSeconds(sec, [ms])
  • setMilliseconds(ms)
  • setTime(milliseconds)

了解:我们可以设置超范围的数值,它会自动校准。

// 也可以给date设置时间(了解)
date.setFullYear(2033)
// 自动校验
date.setDate(32)
console.log(date)

6.Date获取Unix时间戳

Unix 时间戳:它是一个整数值,表示自1970年1月1日00:00:00 UTC以来的毫秒数。

在JavaScript中,我们有多种方法可以获取这个时间戳:

  • 方式一:new Date().getTime()
  • 方式二:new Date().valueOf()
  • 方式三:+new Date()
  • 方式四:Date.now()

获取到Unix时间戳之后,我们可以利用它来测试代码的性能:

// 计算这个操作所花费的时间
var startTime = Date.now()
for (var i = 0; i < 100000; i++) {console.log(i)
}
var endTime = Date.now()
console.log("执行100000次for循环的打印所消耗的时间:", endTime - startTime)// 封装一个简单函数
function testPerformance(fn) {var startTime = Date.now()fn()var endTime = Date.now()
}

7.Date.parse方法

Date.parse(str) 方法可以从一个字符串中读取日期,并且输出对应的Unix时间戳

Date.parse(str) :

  • 作用等同于 new Date(dateString).getTime() 操作;
  • 需要符合 RFC2822 或 ISO 8601 日期格式的字符串
    • 比如YYYY-MM-DDTHH:mm:ss.sssZ
  • 其他格式也许也支持,但结果不能保证一定正常;
  • 如果输入的格式不能被解析,那么会返回NaN
var time1 = Date.parse("2022-08-08T08:08:08.666Z");
console.log(time1);

8.时间格式化的方法

详见【JavaScript高级】

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

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

相关文章

文件上传漏洞(CVE-2022-30887)

简介 多语言药房管理系统&#xff08;MPMS&#xff09;是用PHP和MySQL开发的&#xff0c;该软件的主要目的是在药房和客户之间提供一套接口&#xff0c;客户是该软件的主要用户。该软件有助于为药房业务创建一个综合数据库&#xff0c;并根据到期、产品等各种参数提供各种报告…

python超详细安装

目录 初始python获取python安装包python解释器安装pycharm编译器安装pycharm的简单使用&#xff08;第一个hello world&#xff09; 初始python Python 是一款易于学习且功能强大的编程语言。 它具有高效率的数据结构&#xff0c;能够简单又有效地实现面向对象编程。 Python简…

uni-app(微信小程序)图片旋转放缩,文字绘制、海报绘制

总结一下&#xff1a; 要进行海报绘制离不开canvas&#xff0c;我们是先进行图片&#xff0c;文字的拖拽、旋转等操作 最后再对canvas进行绘制&#xff0c;完成海报绘制。 背景区域设置为 position: relative&#xff0c;方便图片在当前区域中拖动等处理。添加图片&#xff0…

Python 图形化界面基础篇:添加标签( Label )到 Tkinter 窗口

Python 图形化界面基础篇&#xff1a;添加标签&#xff08; Label &#xff09;到 Tkinter 窗口 引言什么是 Tkinter 标签&#xff08; Label &#xff09;&#xff1f;步骤1&#xff1a;导入 Tkinter 模块步骤2&#xff1a;创建 Tkinter 窗口步骤3&#xff1a;创建标签&#x…

Mybatis---resultMap详解

目录 一、resultMap介绍 二、自定义映射关系 一、resultMap介绍 该标签的作用是自定义映射关系。 Mybatis可以将数据库结果封装到对象中&#xff0c;是因为结果集和对象属性名相同&#xff08;也就是你写的pojo类型的参数名和数据库的字段名相同&#xff09; 但是如果当他们不…

npm publish包报404,is not in the npm registry错误

1. 指定发布目标2. 登录npm&#xff0c;使用登录名发布包&#xff0c;包名命名原则“登录名/包名”&#xff0c;或 “包名” 3. 删除某一个版本npm unpublish pvfhv/eslint-config-prettier1.0.1 --force 删除后的版本不能重复使用&#xff0c;正式解释&#xff1a; Unfortun…

小米13Pro/13Ultra刷面具ROOT后激活LSPosed框架微X模块详细教程

喜欢买小米手机&#xff0c;很多是因为小米手机的开放&#xff0c;支持root权限&#xff0c;而ROOT对普通用户来说更多的是刷入DIY模块功能&#xff0c;今天ROM乐园小编就教大家如何使用面具ROOT&#xff0c;实现大家日常情况下非常依赖的微X模块功能&#xff0c;体验微X模块的…

makefile之链接静态库

make之链接静态库 (1)方法一: 指定静态库全路径和全名 APP_S_LIBS ./app_lib/libhost.a $(CC) $(CFLAGS) $(SRCOBJ) $(APP_S_LIBS) -o $(TARGET) APP_HEAD_DIR -I./include #APP_LIBS_DIR -L ./app_lib#APP_S_LIBS -lhost APP_S_LIBS ./app_lib/libhost.aCFLAGS $(APP_…

企业密码安全:ADSelfService Plus 提升密码管理的千里之行

在当今数字化时代&#xff0c;企业的密码安全变得至关重要。密码是保护企业敏感信息和数据的第一道防线&#xff0c;而有效的密码管理对于确保网络安全至关重要。ADSelfService Plus是一款强大的密码管理和自助服务解决方案&#xff0c;它在提供密码安全方面走在了前沿。 ADSel…

Ajax + Promise复习简单小结simple

axios使用 先看看老朋友 axios axios是基于Ajaxpromise封装的 看一下他的简单使用 安装&#xff1a;npm install axios --save 引入&#xff1a;import axios from axios GitHub地址 基本使用 axios({url: http://hmajax.itheima.net/api/province}).then(function (result…

普中 51 单片机点亮LED灯

普中 51 单片机 &#xff08;STC89C52RC&#xff09; LED / IO 将LED1进行闪烁操作 为啥要进行延时操作&#xff1f;依据人的肉眼余晖效应&#xff0c; 延时时间不能太短&#xff0c;否则就无法观察到 LED 闪烁 #include "reg52.h" typedef unsigned int u16; //对…

2023 最新前端面试题 (HTML 篇)

1. src 和 href 的区别 src 用于替换当前元素&#xff08;引入&#xff09;&#xff0c;href 用于在当前文档和引用资源之间确立联系&#xff08;引用&#xff09; &#xff08;1&#xff09;src&#xff08;source&#xff09; 指向外部资源的位置&#xff0c;指向的内容将会嵌…

开开心心带你学习MySQL数据库之节尾篇

Java的JDBC编程 各种数据库,MySQL, Oracle, SQL Server在开发的时候,就会提供一组编程接口(API) API ~~ Application Programming Interface ~~ 应用程序编程接口 计算机领域里面的一个非常常见的概念, 给你个软件,你能对他干啥(从代码层次上的) 基于它提供的这些功能,就可以写…

【MySQL】表的操作

目录 MySQL表的操作 创建表 创建表案例 查看表结构 修改表 删除表 MySQL表的操作 表操作至少会涉及如下两类SQL语句&#xff1a; DDL&#xff08;Data Definition Language&#xff09;数据定义语言&#xff1a;比如建表、删表、该表、新增列、删除列等。DML&#xff08…

JavaWeb_LeadNews_Day11-KafkaStream实现实时计算文章分数

JavaWeb_LeadNews_Day11-KafkaStream实现实时计算文章分数 KafkaStream概述案例-统计单词个数SpringBoot集成 实时计算文章分值来源Gitee KafkaStream 概述 Kafka Stream: 提供了对存储与Kafka内的数据进行流式处理和分析的功能特点: Kafka Stream提供了一个非常简单而轻量的…

星际争霸之小霸王之小蜜蜂(十二)--猫有九条命

系列文章目录 星际争霸之小霸王之小蜜蜂&#xff08;十一&#xff09;--杀杀杀 星际争霸之小霸王之小蜜蜂&#xff08;十&#xff09;--鼠道 星际争霸之小霸王之小蜜蜂&#xff08;九&#xff09;--狂鼠之灾 星际争霸之小霸王之小蜜蜂&#xff08;八&#xff09;--蓝皮鼠和大…

使用navicat for mongodb连接mongodb

使用navicat for mongodb连接mongodb 安装navicat for mongodb连接mongodb 安装navicat for mongodb 上文mongodb7.0安装全过程详解我们说过&#xff0c;在安装的时候并没有勾选install mongodb compass 我们使用navicat去进行可视化的数据库管理 navicat for mongodb下载地址…

系统架构设计师(第二版)学习笔记----系统架构概述

【原文链接】系统架构设计师&#xff08;第二版&#xff09;学习笔记----系统架构概述 文章目录 一、系统架构的定义与发展历程1.1 架构的定义1.2 架构设计的作用1.3 架构设计产生的背景1.4 软件架构的发展历程1.5 模块化开发方法1.6 模块法方法分解模块遵循的原则1.7 软件工程…

【算法】一文带你从浅至深入门dp动态规划

文章目录 一、前言二、动态规划理论基础1、基本概念2、动态规划五部曲【✔】3、出错了如何排查&#xff1f; 三、实战演练&#x1f5e1;0x00 斐波那契数0x01 第N个泰波那契数0x02 爬楼梯0x03 三步问题0x04 使用最小花费爬楼梯⭐解法一解法二 0x05 解码方法* 四、总结与提炼 一、…

英飞凌TC3xx--深度手撕HSM安全启动(三)--TC3xx HSM系统架构

今天聊TC3xx HSM系统,包括所用内核、UCB相关信息、Host和HSM交互方式。 1、HSM系统架构 下图来源于英飞凌官网培训材料。 TC3xx的HSM内核是一颗32位的ARM Cortex M3,主频可达100MHz,支持对称算法AES128、非对称算法PKC(Public Key Crypto) ECC256、Hash SHA2,以及T…