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

storage和正则表达式

news 文章来源：https://blog.csdn.net/Welitsi/article/details/134463950 2024/9/20 10:57:16

一、Storage

1.认识Storage

WebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式：

localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存储的内容依然保留；
sessionStorage：会话存储，提供的是本次会话的存储，在关闭掉会话时，存储的内容会被清除；

localStorage.setItem("name", "local");
sessionStorage.setItem("name", "session");

2.localStorage和sessionStorage的区别

我们会发现localStorage和sessionStorage看起来非常的相似。

那么它们有什么区别呢？

验证一：关闭网页后重新打开，localStorage会保留，而sessionStorage会被删除；
验证二：在页面内实现跳转，localStorage会保留，sessionStorage也会保留；
验证三：在页面外实现跳转（打开新的网页），localStorage会保留，sessionStorage不会被保留；

3.Storage常见的方法和属性

Storage有如下的属性和方法：

属性：

Storage.length：只读属性

返回一个整数，表示存储在Storage对象中的数据项数量；

方法：

Storage.key()：该方法接受一个数值n作为参数，返回存储中的第n个key名称；

Storage.getItem()：该方法接受一个key作为参数，并且返回key对应的value；

Storage.setItem()：该方法接受一个key和value，并且将会把key和value添加到存储中。

如果key存储，则更新其对应的值；

Storage.removeItem()：该方法接受一个key作为参数，并把该key从存储中删除；

Storage.clear()：该方法的作用是清空存储中的所有key；

const ACCESS_TOKEN = "token"console.log(localStorage.length)
// 常见的方法:
localStorage.setItem(ACCESS_TOKEN, "whytoken")
console.log(localStorage.getItem(ACCESS_TOKEN))// 其他方法
console.log(localStorage.key(0))
console.log(localStorage.key(1))
console.log(localStorage.removeItem("infoTab"))
localStorage.clear()

4.Storage工具封装

class Cache {constructor(isLocal = true) {this.storage = isLocal ? localStorage: sessionStorage}setCache(key, value) {if (!value) {throw new Error("value error: value必须有值!")}if (value) {this.storage.setItem(key, JSON.stringify(value))}}getCache(key) {const result = this.storage.getItem(key)if (result) {return JSON.parse(result)}}removeCache(key) {this.storage.removeItem(key)}clear() {this.storage.clear()}
}const localCache = new Cache()
const sessionCache = new Cache(false)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script src="./js/cache.js"></script><script>localCache.setCache("sno", 111)// storage本身是不能直接存储对象类型的const userInfo = {name: "abc",nickname: "def",level: 100,imgURL: "http://github.com/abc.png"}// localStorage.setItem("userInfo", JSON.stringify(userInfo))// console.log(JSON.parse(localStorage.getItem("userInfo")))sessionCache.setCache("userInfo", userInfo)console.log(sessionCache.getCache("userInfo"))</script></body>
</html>

二、正则表达式

1.什么是正则表达式？

我们先来看一下维基百科对正则表达式的解释：

正则表达式（英语：Regular Expression，常简写为regex、regexp或RE），又称正则表示式、正则表示法、规则表达式、常规表示法，是计算机科学的一个概念；
正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。
许多程序设计语言都支持利用正则表达式进行字符串操作。

简单概况：正则表达式是一种字符串匹配利器，可以帮助我们搜索、获取、替代字符串；

在JavaScript中，正则表达式使用RegExp类来创建，也有对应的字面量的方式：

正则表达式主要由两部分组成：模式（patterns）和修饰符（flags）

const re1 = new RegExp("hello", "i")
const re2 = /hello/i

2.正则表达式的使用方法

有了正则表达式我们要如何使用它呢？

JavaScript中的正则表达式被用于 RegExp 的 exec 和 test 方法；
也包括 String 的 match、matchAll、replace、search 和 split 方法；

在这里插入图片描述

// 创建正则
const re1 = /abc/ig
const message = "fdabc123 faBC323 dfABC222 A2324aaBc"// 1.使用正则对象上的实例方法
// webpack -> loader -> test: 匹配文件名
// 正则 -> 拿到文件 -> loader操作
// 1.1.test方法: 检测某一个字符串是否符合正则的规则
// if (re1.test(message)) {
//   console.log("message符合规则")
// } else {
//   console.log("message不符合规则")
// }// 1.2.exec方法: 使用正则执行一个字符串
// const res1 = re1.exec(message)
// console.log(res1)// 2.使用字符串的方法, 传入一个正则表达式
// 2.1. match方法:
// const result2 = message.match(re1)
// console.log(result2)// 2.2. matchAll方法
// 注意: matchAll传入的正则修饰符必须加g
// const result3 = message.matchAll(re1)
// // console.log(result3.next())
// // console.log(result3.next())
// // console.log(result3.next())
// // console.log(result3.next())
// for (const item of result3) {
//   console.log(item)
// }// 2.3. replace/replaceAll方法// 2.4. split方法
// const result4 = message.split(re1)
// console.log(result4)// 2.5. search方法
const result5 = message.search(re1)
console.log(result5)// 案例: 让用户输入的账号必须是aaaaa以上
// const inputEl = document.querySelector("input")
// const tipEl = document.querySelector(".tip")// inputEl.oninput = function() {
//   const value = this.value
//   if (/^a{5,8}$/.test(value)) {
//     tipEl.textContent = "输入的内容符合规则要求"
//   } else {
//     tipEl.textContent =  "输入的内容不符合规则要求, 请重新输入"
//   }
// }

3.修饰符flag的使用

常见的修饰符

flag	含义
g	全部的，给我匹配全部的
i	忽略大小写
m	多行匹配

需求：

获取一个字符串中所有的abc
将一个字符串中的所有abc换成大写

let message = "Hello abc, abc, Abc, AAaBc"
const pattern = /abc/ig
const results = message.match(pattern)
console.log(results)message = message.replaceAll(pattern, "ABC")
console.log(message)

4.规则 – 字符类（Character classes）

字符类（Character classes）是一个特殊的符号，匹配特定集中的任何符号。

字符	含义
\d（“d” 来自 “digit”）	数字：从 0 到 9 的字符。
\s（“s” 来自 “space”）	空格符号：包括空格，制表符 \t，换行符 \n 和其他少数稀有字符，例如 \v，\f 和 \r。
\w（“w” 来自 “word”）	“单字”字符：拉丁字母或数字或下划线 _。
.（点）	点 . 是一种特殊字符类，它与 “除换行符之外的任何字符” 匹配

反向类（Inverse classes）

\D 非数字：除 \d 以外的任何字符，例如字母。
\S 非空格符号：除 \s 以外的任何字符，例如字母。
\W 非单字字符：除 \w 以外的任何字符，例如非拉丁字母或空格。

const message = "CSS2.5"
const pattern = /CSS\d(\.\d)?/i
console.log(message.match(pattern))

5.规则 – 锚点（Anchors）

符号 ^ 和符号 $ 在正则表达式中具有特殊的意义，它们被称为“锚点”。

符号 ^ 匹配文本开头；
符号 $ 匹配文本末尾；

const message = "My name is WHY."// 字符串方法
if (message.startsWith("my")) {console.log("以my开头")
}
if (message.endsWith("why")) {console.log("以why结尾")
}// 正则: 锚点
if (/^my/i.test(message)) {console.log("以my开头")
}if (/why\.$/i.test(message)) {console.log("以why结尾")
}const re = /^coder$/
const info = "codaaaer"
console.log(re.test(info)) // false

词边界（Word boundary）

词边界 \b 是一种检查，就像 ^ 和 $ 一样，它会检查字符串中的位置是否是词边界。
词边界测试 \b 检查位置的一侧是否匹配 \w，而另一侧则不匹配 “\w”

匹配下面字符串中的时间：

const message = "now time 22:45, number is 123.456"
const timepattern = /\b\d\d:\d\d\b/g
console.log(message.match(timepattern))

6.规则 – 转义字符串

如果要把特殊字符作为常规字符来使用，需要对其进行转义：

只需要在它前面加个反斜杠；

常见的需要转义的字符：

[] \ ^ $ . | ? * + ()

斜杠符号 / 并不是一个特殊符号，但是在字面量正则表达式中也需要转义；

练习：匹配所有以.js或者jsx结尾的文件名

const filenames = ["abc.js", "cba.java", "nba.html"]
const newNames = filenames.filter(item => {return /\.jsx?$/.test(item)
})

在webpack当中，匹配文件名时就是以这样的方式。

// 定义正则: 对.转义
const re = /\./ig
const message = "abc.why"const results = message.match(re)
console.log(results)// 特殊: /
// const re2 = /\//// 获取到很多的文件名
// jsx -> js文件
const fileNames = ["abc.html", "Home.jsx", "index.html", "index.js", "util.js", "format.js"]
// 获取所有的js的文件名(webpack)
// x?: x是0个或者1个
const jsfileRe = /\.jsx?$/
// 1.for循环做法
// const newFileNames = []
// for (const filename of fileNames) {
//   if (jsfileRe.test(filename)) {
//     newFileNames.push(filename)
//   }
// }
// console.log(newFileNames)// 2.filter高阶函数
// const newFileNames = fileNames.filter(filename => jsfileRe.test(filename))
// console.log(newFileNames)

7.集合（Sets）和范围（Ranges）

有时候我们只要选择多个匹配字符的其中之一就可以：

在方括号 […] 中的几个字符或者字符类意味着“搜索给定的字符中的任意一个”；

集合（Sets）

比如说，[eao] 意味着查找在 3 个字符 ‘a’、‘e’ 或者 ‘o’ 中的任意一个`；

范围（Ranges）

方括号也可以包含字符范围；
比如说，[a-z] 会匹配从 a 到 z 范围内的字母，[0-5] 表示从 0 到 5 的数字；
[0-9A-F] 表示两个范围：它搜索一个字符，满足数字 0 到 9 或字母 A 到 F；
\d —— 和 [0-9] 相同；
\w —— 和 [a-zA-Z0-9_] 相同；

案例：匹配手机号码

const phonePattern = /^1[356789]\d{9}$/

排除范围：除了普通的范围匹配，还有类似 [^…] 的“排除”范围匹配；

// 手机号的规则: 1[3456789]033334444
const phoneStarts = ["132", "130", "110", "120", "133", "155"]
const phoneStartRe = /^1[3456789]\d/
const filterPhone = phoneStarts.filter(phone => phoneStartRe.test(phone))
console.log(filterPhone)const phoneNum = "133888855555"
const phoneRe = /^1[3-9]\d{9}$/
console.log(phoneRe.test(phoneNum))// 了解: 排除范围
// \d -> [0-9]
// \D -> [^0-9]

8.量词（Quantifiers）

假设我们有一个字符串 +7(903)-123-45-67，并且想要找到它包含的所有数字。

因为它们的数量是不同的，所以我们需要给与数量一个范围；
用来形容我们所需要的数量的词被称为量词（ Quantifiers ）。

数量 {n}

确切的位数：{5}
某个范围的位数：{3,5}

缩写：

+：代表一个或多个，相当于 {1,}
?：代表零个或一个，相当于 {0,1}。换句话说，它使得符号变得可选；
*：代表着零个或多个，相当于 {0,}。也就是说，这个字符可以多次出现或不出现；

案例：匹配开始或结束标签

// 1.量词的使用
const re = /a{3,5}/ig
const message = "fdaaa2fdaaaaaasf42532fdaagjkljlaaaaf"const results = message.match(re)
console.log(results)// 2.常见的符号: +/?/*
// +: {1,}
// ?: {0,1}
// *: {0,}// 3.案例: 字符串的html元素, 匹配出来里面所有的标签
const htmlElement = "<div><span>哈哈哈</span><h2>我是标题</h2></div>"
const tagRe = /<\/?[a-z][a-z0-9]*>/ig
const results2 = htmlElement.match(tagRe)
console.log(results2)

9.贪婪（ Greedy）和惰性（ lazy）模式

如果我们有这样一个需求：匹配下面字符串中所有使用《》包裹的内容

const message = "我最喜欢的两本书：《黄金时代》和《沉默的大多数》"
const results = message.match(/《.+》/g)
console.log(results)

默认情况下的匹配规则是查找到匹配的内容后，会继续向后查找，一直找到最后一个匹配的内容

这种匹配的方式，我们称之为贪婪模式（Greedy）

懒惰模式中的量词与贪婪模式中的是相反的。

只要获取到对应的内容后，就不再继续向后匹配；
我们可以在量词后面再加一个问号 ? 来启用它；
所以匹配模式变为 *? 或 +?，甚至将 ‘?’ 变为 ??

const message = "我最喜欢的两本书：《黄金时代》和《沉默的大多数》"
const results = message.match(/《.+?》/g)
console.log(results)

10.捕获组（capturing group）

模式的一部分可以用括号括起来 (…)，这称为“捕获组（capturing group）”。

这有两个作用：

它允许将匹配的一部分作为结果数组中的单独项；
它将括号视为一个整体；

方法 str.match(regexp)，如果 regexp 没有 g 标志，将查找第一个匹配并将它作为一个数组返回：

在索引 0 处：完全匹配。
在索引 1 处：第一个括号的内容。
在索引 2 处：第二个括号的内容。
…等等…

案例：匹配到HTML标签，并且获取其中的内容

const str = "<h1>title</h1>"
const result = str.match(/<(.+?)>/)
console.log(result[0])
console.log(result[1])

命名组：

用数字记录组很困难。
对于更复杂的模式，计算括号很不方便。我们有一个更好的选择：给括号起个名字。
这是通过在开始括号之后立即放置 ? 来完成的。

const result = message.match(/(?<codermq>hel)lo/i)

非捕获组：

有时我们需要括号才能正确应用量词，但我们不希望它们的内容出现在结果中。
可以通过在开头添加 ?: 来排除组。

const result = message.match(/(?<codermq>hel)(lo)/)

or是正则表达式中的一个术语，实际上是一个简单的“或”。

在正则表达式中，它用竖线 | 表示；
通常会和捕获组一起来使用，在其中表示多个值；

// 1.将捕获组作为整体
const info = "dfabcabcfabcdfdabcabcabcljcbacballnbanba;jk;j"
const abcRe = /(abc|cba|nba){2,}/ig
console.log(info.match(abcRe))

11.封装日期格式化函数

function formatDate(timestamp, formatString) {const date = new Date(timestamp);const obj = {"y+": date.getFullYear(),"M+": date.getMonth() + 1,"d+": date.getDate(),"h+": date.getHours(),"m+": date.getMinutes(),"s+": date.getSeconds(),"S+": date.getMilliseconds()};for (const key in obj) {if (new RegExp(`(${key})`).test(formatString)) {const value = (obj[key] + "").padStart(2, "0");formatString = formatString.replaceAll(RegExp.$1, value);}}return formatString;
}
const nowDate = Date.now();
const formatStr = formatDate(nowDate, "yyyy-MM-dd hh:mm:ss.SSS");
console.log(formatStr);

storage和正则表达式

一、Storage 1.认识Storage WebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式： localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存…...

编程日记 2023/11/19 11:57:10

【数据结构】图的广度优先遍历

一.广度优先遍历的基本思想 （1）访问顶点v； （2）依次访问v的各个未被访问的邻接点v1，v2，v3……，vk； （3）分别从v1，v2，v3……...

编程日记 2023/11/19 11:56:08

AM@函数展开成幂级数@间接法@常用麦克劳林幂级数展开公式

文章目录间接法推导幂级数展开常用麦克劳林幂级数展开公式应用例例例间接法推导幂级数展开已知函数的幂级数展开公式间接推导其他函数幂级数使用原始的推导公式推导函数的幂级数展开是繁琐不便的,需要分别计算各项系数 a n f ( n ) ( 0 ) n ! a_{n}\frac{f^{(n)}(0)}{n!}…...

编程日记 2023/11/19 11:54:05

LeetCode994.腐烂的橘子

看完题我觉得这不是和上一道岛屿的题一样简单嘛，然后写了将近2个小时才写出来，我的思路就是，用check()先对grid检查一下，是否有以下情况： （如果有1的周围都是空，则这个位置用不腐烂，…...

编程日记 2023/11/19 11:49:57

【开源】基于Vue和SpringBoot的康复中心管理系统

项目编号： S 056 ，文末获取源码。 \color{red}{项目编号：S056，文末获取源码。} 项目编号：S056，文末获取源码。目录一、摘要1.1 项目介绍1.2 项目录屏二、功能模块2.1 普通用户模块2.2 护工模块2.3 管理员…...

编程日记 2023/11/19 11:46:54

【音视频基础】AVI文件格式

AVI文件采用的是RIFF文件结构方式。波形音频wave，MIDI和数字视频AVI都采用这种格式存储。 AVI文件的整体结构如下图所示构造RIFF文件的基本单元叫做数据块（Chunk），每个数据块包含3个部分 4字节的数据块标记（或者叫…...

编程日记 2023/11/19 11:45:53

图书馆整理I（从尾到头打印列表），剑指offer，力扣

目录题目地址： 我们直接看题解吧： 解题方法： 难度分析： 审题目事例提示： 解题思路(辅助栈)： 代码（递归）： 代码（列表插入）： 相似题目对…...

编程日记 2023/11/19 11:44:52

C++编写的多线程自动爬虫程序

目录引言一、程序的设计二、程序的实现三、程序的测试四、优化与改进五、代码示例总结引言随着互联网的快速发展，网络爬虫程序已经成为数据采集、信息处理的重要工具。C作为一种高效的编程语言，具有高效的并发处理能力和丰富的网络编程…...

编程日记 2023/11/19 11:42:50

SMB信息泄露的利用

一、背景今天分享SMB信息泄露，SMB（Server Message Block）网络通信协议，早些时候被用于Web链接和客户端与服务器之间的信息通信，现在大部分Web页面使用HTTP协议，在web领域应用较少。另一方面SMB协议还是被…...

编程日记 2023/11/19 11:41:50

QT自定义信号,信号emit,信号参数注册

qt如何自定义信号使用signals声明返回值是void在需要发送信号的地方使用 emit 信号名字(参数)进行发送在需要链接的地方使用connect进行链接 ct进行链接...

编程日记 2023/11/19 11:39:48

06.webpack性能优化--构建速度

优化babel-loaderhappyPackIgnorePluginparalleUglifyPluginnoParse自动刷新 1 happypack多进程打包 js单线程，开启多进程打包提高构建速度（特别是多核CPU） const HappyPack require(happypack)module.exports smart(webpackCommonConf,…...

编程日记 2023/11/19 11:38:47

11-15 周三 softmax 回归学习

11-15 周三 softmax 回归学习时间版本修改人描述2023年11月15日11:17:27V0.1宋全恒新建文档简介 softmax分享可以参考什么是softmax 回归估计一个连续值，分类预测一个离散类别。恶意软件的判断回归和分类分类可以认为从回归的单输出变成多输出 B站学习 softm…...

编程日记 2023/11/19 11:37:46

React新手必懂的知识点

react思想：组件化开发 React 的核心概念是组件化开发，将用户界面拆分成独立的可复用组件。学习如何创建和使用 React 组件，以及组件之间的数据传递和通信是非常重要的。 React的思想就是拆分组件与使用组件。 import React from react;// 定…...

编程日记 2023/11/19 11:36:45

es为什么这么快

es为什么这么快的方式 es的基于Lucene开源搜索引擎，负责文件存储和搜索，支持http请求，以json形式展示这样介绍你有可能有点迷糊我们详细解释 es 使用的倒排索引的方式，进行数据存储方式，给每一个字段创建索引&…...

编程日记 2023/11/19 11:35:43

Pandas分组聚合_Python数据分析与可视化

Pandas分组聚合分组单列和多列分组Series 系列分组通过数据类型或者字典分组获取单个分组对分组进行迭代聚合应用单个聚合函数应用多个聚合函数自定义函数传入 agg() 中对不同的列使用不同的聚合函数分组聚合的流程主要有三步： 分割步骤将 DataFrame 按照指定的…...

编程日记 2023/11/19 11:31:38

VMware17虚拟机Linux安装教程(详解附图，带VMware Workstation 17 Pro安装）

一、安装 VMware 附官方下载链接（VM 17 pro）：https://download3.vmware.com/software/WKST-1701-WIN/VMware-workstation-full-17.0.1-21139696.exe 打开下载好的VMware Workstation 17 Pro安装包； 点击下一步； 勾选我…...

编程日记 2023/11/19 11:30:37

基于SDN技术构建多平面业务承载网络

随着企业数字化的浪潮席卷各个行业，传统网络架构面临着更为复杂和多样化的挑战。企业正在寻找一种全面适应数字化需求的网络解决方案。随着软件定义网络（SDN）的发展，“多业务SDN一张网”解决方案为企业提供了一种全新的网络架构&a…...

编程日记 2023/11/19 11:29:35

关于卓越服务的调研报告

NetSuite知识会发起的本次调研从2023年11月2日开始，到11月12日结束。16日已向参与调研的朋友邮件回复，感谢您的付出！今朝分享此报告，各位同学参考。调研问题与反馈总结问题1：您能想到哪些服务组织能够提供高满意度&…...

编程日记 2023/11/19 11:28:32

1、系统信息 lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 22.04.3 LTS Release: 22.04 Codename: jammy2、进入 /etc/apt/ 目录： cd /etc/apt/ 3、备份默认源文件 sudo cp sources.list sources.list_bak 4、编…...

编程日记 2023/11/19 11:27:32

03. Python中的语句

1、前言在《Python基础数据类型》一文中，我们了解了Python中的基础数据类型，今天我们继续了解下Python中的语句和函数。 2、语句在Python中常用的语句可以大致分为两类：条件语句、循环语句。 2.1、条件语句条件语句就是我们编码时常见…...

编程日记 2023/11/19 11:26:30

Linux CentOS7 添加网卡

一台主机中安装多块网卡，有许多优势。可以实现多项功能。为了学习网卡参数的设置，可以为主机添加多块网卡。与添加磁盘一样，要在VMware中设置。利用图形化方式或命令行查看或设置网卡。本文仅初步讨论添加、查看与删除网卡，有关…...

编程日记 2023/11/19 11:24:28

2311rust,到54版本更新

1.50.0稳定版常量泛型数组索引继续向稳定的常量泛型迈进,此版本为[T;N]数组,添加了ops::Index和IndexMut的实现. fn second<C>(container: &C) -> &C::Output whereC: std::ops::Index<usize> ?Sized, {&container[1] } fn main() {let arra…...

编程日记 2023/11/19 11:23:27

【linux】补充：高效处理文本的命令学习（tr、uniq、sort、cut）

目录一、tr——转换、压缩、删除 1、tr -s “分隔符” （指定压缩连续的内容） 2、tr -d 想要删除的东西编辑 3、tr -t 内容1 内容2 将内容1全部转换为内容2（字符数需要一一对应） 二、cut——快速剪裁命令三、uniq——去…...

编程日记 2023/11/19 11:22:26

Redis篇---第七篇

系列文章目录文章目录系列文章目录前言一、是否使用过 Redis Cluster 集群，集群的原理是什么？二、 Redis Cluster 集群方案什么情况下会导致整个集群不可用？三、Redis 集群架构模式有哪几种？前言前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分…...

编程日记 2023/11/19 11:21:25

Shell脚本：Linux Shell脚本学习指南（第一部分Shell基础）一

你好，欢迎来到「Linux Shell脚本」学习专题，你将享受到免费的 Shell 编程资料，以及很棒的浏览体验。这套 Shell 脚本学习指南针对初学者编写，它通俗易懂，深入浅出，不仅讲解了基本知识，还深入底…...

编程日记 2023/11/19 11:20:24

长短期记忆（LSTM）与RNN的比较：突破性的序列训练技术

长短期记忆（Long short-term memory, LSTM）是一种特殊的RNN，主要是为了解决长序列训练过程中的梯度消失和梯度爆炸问题。简单来说，就是相比普通的RNN，LSTM能够在更长的序列中有更好的表现。 Why LSTM提出的动机是为了解…...

编程日记 2023/11/19 11:18:22

Swift 如何打造兼容新老系统的字符串分割（split）方法

0. 概览在 Swift 的开发中，我们经常要与字符串打交道。其中一个常见的操作就是用特定的“分隔符”来分割字符串，这里分隔符可能不仅仅是字符，而是多字符组成的字符串。从 iOS 16 开始， 新增了对应的方法来专注此事。不过&am…...

编程日记 2023/11/19 11:16:18

JVM面试必备

目录 JVM三大问题一、JVM内存区域划分编辑二、JVM类加载机制双亲委派模型（常考) 类加载的格式，类卸载三、垃圾回收（GC) 具体垃圾回收GC步骤 1.判定对象是否为垃圾方案1:引用计数方案2：可达性分析 2.释放对象的…...

编程日记 2023/11/19 11:15:17

战神传奇【我本沉默精修版】win服务端+双端+充值后台+架设教程

搭建资源下载:战神传奇【我本沉默精修版】win服务端双端充值后台架设教程-海盗空间...

编程日记 2023/11/19 11:14:16

安卓手机投屏到电视，跨品牌、跨地域同样可以实现！

在手机网页上看到的视频，也可以投屏到电视上看！ 长时间使用手机，难免脖子会酸。这时候，如果你将手机屏幕投屏到大电视屏幕，可以减缓脖子的压力，而且大屏的视觉体验更爽。假设你有一台安卓手机，…...

编程日记 2023/11/19 11:13:15

python变量名解析总结

1 python变量名解析总结点号和无点号变量名，用不同的处理方式。 （1） 无点号的变量名，比如X，使用的是作用域。 （2） 有点号的变量名，比如obj.X，使用对象的命名空间。 …...

编程日记 2023/11/19 11:12:14

端口号大揭秘：网络世界的“门牌号”有多牛？

大家好，今天我们来聊一聊网络中的端口号。如果你以为端口号只是冷冰冰的数字，那你就大错特错了。端口号，这些看似枯燥的数字背后，隐藏着一个个生动的故事。目录大家好，今天我们来聊一聊网络中的端口号。如果你以为端…...

编程日记 2023/11/19 11:10:12

vue解除数据双向绑定

let obj JSON.parse(JSON.stringify(data));例如，table列表中，点击编辑时，可对val进行如上操作来解除双向绑定...

编程日记 2023/11/19 11:09:11

组件插槽,生命周期,轮播图组件的封装,自定义指令的封装等详解以及axios的卖座案例

3.组件插槽 3-1组件插槽注意插槽内容可以访问到父组件的数据作用域,因为插槽内容本身就是在父组件模版中定义的插槽内容无法访问子组件的数据.vue模版中的表达式只能访问其定义时所处的作用域,这和JavaScript的词法作用域是一致的,换言之: 父组件模版的表达式只能访问父组…...

编程日记 2023/11/19 11:08:10

小美的树上染色

美团2024届秋招笔试第一场编程真题先提一个小知识：题目中凡是提到树结构都要使用图的存储方式，只有二叉树例外。分析：在树结构中，孩子和父节点是相邻节点，而父节点可能有多个孩子节点。在染色的过程中，…...

编程日记 2023/11/19 11:06:08

1.rk3588的yolov5运行：pt_onnx_rknn转换及rknn在rk3588系统python运行

自己有点笨，查资料查了一周才完美的实现了yolov5在rk3588环境下的运行，在这里写具体步骤希望大家少走弯路。具体步骤如下： 一、yolov5的原代码下载及pt文件转换为onnx文件 1.yolov5的原代码下载及环境搭建在这里一定要下载正确版本的源代码…...

编程日记 2023/11/19 11:05:07

适用于全部安卓手机的 5 大免费 Android 数据恢复

您是否面临这样一种情况，即在Android设备上丢失了一些重要文件，但不知道应该选择哪种Android数据恢复来取回它们？ 如果您以前从未备份过Android数据，则很难解决问题。本文将介绍排名前5位的免费Android数据恢复软件。您可以获…...

编程日记 2023/11/19 11:04:05

【案例分享】BenchmarkSQL 5.0 压测 openGauss 5.0.0

一、前言本次BenchmarkSQL 压测openGauss仅作为学习使用压测工具测试tpcc为目的，并不代表数据库性能如本次压测所得数据。实际生产性能压测，还需结合服务器软硬件配置、数据库性能参数调优、BenchmarkSQL 配置文件参数相结合，是一个复杂的过…...

编程日记 2023/11/19 11:03:04

Linux之 4 种休眠模式

目录 1. Linux之 4 种休眠模式 1. Linux之 4 种休眠模式 # echo standby >/sys/power/state //CPU和RAM在运行 # echo mem > /sys/power/state //挂起到内存(待机),关闭硬盘、外设等设备 # echo disk > /sys/power/state //挂起到硬盘(休眠),关闭硬盘、外设等设备&…...

编程日记 2023/11/19 11:02:03

homeassiant主题

下载主题 https://github.com/maartenpaauw/home-assistant-community-themes.git 使用file editor到homeassiant路径下，新建文件夹themes文件夹，用terminal新建也可以。使用file editor上传文件使用Terminal解压 mkdir themes unzip home-assistan…...

编程日记 2023/11/19 11:01:02

《2020年最新面经》—字节跳动Java社招面试题

文章目录前言：一面：01、Java基础知识答疑，简单概述一下？02、倒排索引了解吗？使用Java语言怎么实现倒排？03、详细讲解一下redis里面的哈希表，常用的Redis哈希表命名有哪些，举例说明其…...

编程日记 2023/11/19 11:00:01

2.3IP详解及配置

2.3IP详解及配置一、ip地址组成 IP地址由4部分数字组成，每部分数字对应于8位二进制数字，各部分之间用小数点分开这是点分 2进制如果换算为10进制我们称为点分10进制. 每个ip地址由两部分组成网络地址(NetID)和主z机地址(HostID).网络地址表示其属于…...

编程日记 2023/11/19 10:57:59

Python程序打包指南：手把手教你一步步完成

最近感兴趣想将开发的项目转成Package，研究了一下相关文章，并且自己跑通了，走了一下弯路，这里记录一下如何打包一个简单的Python项目，展示如何添加必要的文件和结构来创建包，如何构建包，以及如何…...

编程日记 2023/11/19 10:56:58

Linux yum 使用时提示获取 GPG 密钥失败Couldn‘t open file RPM-GPG-KEY-EPEL-7

资料错误提示： no crontab for root - using an empty one 888 原因剖析： 第一次使用crontab -e 命令时会让我们选择编辑器，很多人会不小心选择默认的nano（不好用），或则提示no crontab for root - usin…...

编程日记 2023/11/19 10:55:57

OpenGL_Learn13（材质）

1. 材质 cube.vs #version 330 core layout (location 0) in vec3 aPos; layout (location 0 ) in vec3 aNormal;out vec3 FragPos; out vec3 Normal;uniform mat4 model; uniform mat4 view; uniform mat4 projection;void main() {FragPosvec3(model*vec4(aPos,1.0));Norma…...

编程日记 2023/11/19 10:54:55