opencv图像处理技术(阈值处理与图像平滑)

进行图像处理时,常常需要对图像进行预处理以提取所需的信息或改善图像质量。阈值处理和图像平滑是两种常见的预处理技术。

阈值处理

阈值处理是一种图像分割技术,其基本思想是将图像中的像素值与一个或多个预先设定的阈值进行比较,根据比较结果将像素分为不同的类别,通常是目标和背景。主要包括二值化、自适应阈值处理等方法。

  • 二值化:将图像像素值转换为两个值之一(通常是0或255),使图像呈现出明显的目标和背景。
  • 自适应阈值处理:根据图像局部特性调整阈值,从而在不同区域获得更好的分割效果。

图像平滑

图像平滑是一种用于去除图像中噪声或细节的技术,其主要目的是使图像变得更加平滑或模糊,以减少噪声对后续处理步骤的影响。常见的图像平滑方法包括均值滤波、高斯滤波、中值滤波等。

  • 均值滤波:将图像中每个像素的值替换为其周围邻域像素值的平均值,用于平滑图像并减少噪声。
  • 高斯滤波:在均值滤波的基础上,考虑了像素之间的权重,使得离中心像素越近的像素具有更高的权重,从而更加自然地模拟图像的模糊效果。
  • 中值滤波:将图像中每个像素的值替换为其周围邻域像素值的中值,对于去除椒盐噪声等斑点噪声效果较好。

任务1 阈值处理基础:

1简单阈值法

简单阈值处理是阈值处理的一种基本形式,它将图像中的像素值与一个固定的阈值进行比较,并根据比较结果将像素值分为两类。以下是简单阈值处理的基本步骤:

  1. 读取图像: 首先,需要读取待处理的图像。

  2. 设定阈值: 简单阈值处理需要设定一个固定的阈值,用来将像素值分为两类,通常为目标和背景。例如,当阈值设定为128时,大于128的像素值被设为一个值(通常为255),小于等于128的像素值被设为另一个值(通常为0)。

  3. 进行阈值处理: 使用设定的阈值对图像进行处理,将像素值分为两类。

  4. 显示处理后的图像: 最后,显示处理后的图像,观察分割效果。

代码:

import cv2
import numpy as np# 读取彩色图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg", cv2.IMREAD_COLOR)# 将彩色图像转换为灰度图像
gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)# 应用简单阈值处理
ret, thresh1 = cv2.threshold(gray, 200, 255, cv2.THRESH_BINARY)# 显示图像
cv2.imshow('原始图像', img)
cv2.imshow('灰度图像', gray)
cv2.imshow('二值化图像', thresh1)cv2.waitKey(0)
cv2.destroyAllWindows()

结果如图: 

2 0tsu阈值处理

Otsu 阈值处理是一种自动确定阈值的方法,它可以根据图像的灰度直方图自动选择最佳阈值,从而进行图像分割。

代码:

import cv2# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 转换为灰度图像
gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)# 应用Otsu阈值处理
ret, otsu = cv2.threshold(gray, 0, 255, cv2.THRESH_BINARY + cv2.THRESH_OTSU)# 显示原始灰度图像和Otsu二值化图像
cv2.imshow('原始灰度图像', gray)
cv2.imshow('Otsu二值化图像', otsu)cv2.waitKey(0)
cv2.destroyAllWindows()

结果如图:

3自适应阈值处理

自适应阈值处理是一种根据图像局部特性动态调整阈值的方法,适用于图像局部光照变化较大或者全局阈值不适用的情况。与简单阈值处理不同,自适应阈值处理不使用固定的阈值,而是根据图像的局部区域计算每个像素的阈值。

代码:

import cv2# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 转换为灰度图像
gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)# 使用均值自适应阈值处理
# cv2.adaptiveThreshold() 函数参数说明:
# gray:输入的灰度图像
# 255:目标像素的最大值
# cv2.ADAPTIVE_THRESH_MEAN_C:使用均值作为阈值计算方式
# cv2.THRESH_BINARY:二值化类型,将大于阈值的像素设置为255,小于阈值的像素设置为0
# 7:块大小,表示在块内计算局部阈值时所使用的像素邻域大小
# 5:从计算的均值或加权均值中减去的常数,用于调整阈值大小
athdMEAN = cv2.adaptiveThreshold(gray, 255, cv2.ADAPTIVE_THRESH_MEAN_C, cv2.THRESH_BINARY, 7, 5)# 使用高斯加权自适应阈值处理
# cv2.adaptiveThreshold() 函数参数说明:
# gray:输入的灰度图像
# 255:目标像素的最大值
# cv2.ADAPTIVE_THRESH_GAUSSIAN_C:使用高斯加权均值作为阈值计算方式
# cv2.THRESH_BINARY:二值化类型,将大于阈值的像素设置为255,小于阈值的像素设置为0
# 5:块大小,表示在块内计算局部阈值时所使用的像素邻域大小
# 3:从计算的均值或加权均值中减去的常数,用于调整阈值大小
athdGAUS = cv2.adaptiveThreshold(gray, 255, cv2.ADAPTIVE_THRESH_GAUSSIAN_C, cv2.THRESH_BINARY, 5, 3)# 显示均值自适应阈值处理结果和高斯加权自适应阈值处理结果
cv2.imshow('均值自适应阈值处理', athdMEAN)
cv2.imshow('高斯加权自适应阈值处理', athdGAUS)cv2.waitKey(0)
cv2.destroyAllWindows()

结果如图:

 任务2:使用滑动条调整阈值

使用滑动条调整阈值是一种交互式调整图像处理参数的方法,对于调试和优化图像处理算法非常有用。在OpenCV中,可以使用cv2.createTrackbar()函数创建滑动条,并为其指定回调函数,以便在滑动条值发生变化时执行相应的操作。

代码:

import cv2
import numpy as np# 定义一个空函数,用作滑动条回调函数
def nothing(x):pass# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 定义窗口名称
windowName = "dcz_Thresholding"# 创建一个窗口
cv2.namedWindow(windowName, cv2.WINDOW_AUTOSIZE)# 创建两个滑动条,一个用于选择阈值类型,另一个用于选择阈值的具体数值
cv2.createTrackbar('Type', windowName, 0, 4, nothing)  # 阈值类型
cv2.createTrackbar('Value', windowName, 0, 255, nothing)  # 阈值数值while True:# 按下ESC键退出循环if cv2.waitKey(1) & 0xFF == 27:break# 获取滑动条的当前位置Type = cv2.getTrackbarPos('Type', windowName)  # 获取阈值类型Value = cv2.getTrackbarPos('Value', windowName)  # 获取阈值数值# 根据滑动条的值应用阈值处理ret, dst = cv2.threshold(img, Value, 255, Type)# 显示处理后的图像cv2.imshow(windowName, dst)# 关闭所有窗口
cv2.destroyAllWindows()

结果如图:

任务巩固:

如果你想要创建RGB颜色表,你可以使用滑动条来调整每个通道的颜色值,以实现动态调整颜色表的效果。

下面是一个简单的示例,演示如何使用滑动条来创建RGB颜色表:

代码:

import cv2
import numpy as np# 定义一个空函数,用作滑动条回调函数
def nothing(x):pass# 创建一个空白图像作为颜色表
img = np.zeros((512, 512, 3), np.uint8)# 定义窗口名称
windowName = "RGB Color Map"# 创建三个滑动条,分别用于调整红色、绿色和蓝色通道的值
cv2.namedWindow(windowName, cv2.WINDOW_AUTOSIZE)
cv2.createTrackbar('R', windowName, 0, 255, nothing)  # 红色通道滑动条
cv2.createTrackbar('G', windowName, 0, 255, nothing)  # 绿色通道滑动条
cv2.createTrackbar('B', windowName, 0, 255, nothing)  # 蓝色通道滑动条while True:# 按下ESC键退出循环if cv2.waitKey(1) & 0xFF == 27:break# 获取滑动条的当前位置r = cv2.getTrackbarPos('R', windowName)  # 获取红色通道值g = cv2.getTrackbarPos('G', windowName)  # 获取绿色通道值b = cv2.getTrackbarPos('B', windowName)  # 获取蓝色通道值# 更新图像颜色img[:] = [b, g, r]  # 赋值BGR颜色# 显示颜色图像cv2.imshow(windowName, img)# 关闭窗口
cv2.destroyAllWindows()

结果如图:

 任务3:平滑处理基础

平滑处理是图像处理中常见的一种技术,用于减少图像中的噪声或细节,使图像更加平滑和均匀。常用的平滑处理方法包括均值滤波、中值滤波、高斯滤波等。

  1. 均值滤波:将图像中每个像素的值替换为其周围像素值的平均值。这种方法适用于轻度噪声的去除,但可能会导致图像边缘变得模糊。OpenCv里可以用 cv2.blur(src, ksize,  anchor, borderType)  src:这是输入的图像,可以是灰度图像或者彩色图像。ksize:这是指定的核大小,通常是一个奇数。它指定了在进行均值滤波时考虑的像素邻域大小。例如,如果 ksize 为 3,那么在进行均值滤波时,对于每个像素,它的邻域大小是 3x3。anchor:这是可选参数,表示核的锚点,默认值为 (-1, -1),即表示核的中心点。如果指定了其他值,则表示核的锚点位置。borderType:这是可选参数,表示图像边界的处理方式,默认值为 cv2.BORDER_DEFAULT。可以使用不同的边界处理方式,如 cv2.BORDER_CONSTANTcv2.BORDER_REPLICATE 等。

  2. 中值滤波:将图像中每个像素的值替换为其周围像素值的中值。中值滤波对于椒盐噪声等非线性噪声有较好的去除效果,且不会使图像边缘模糊。OpenCV里可以使用cv2.medianBlur(img,ksize)函数来实现。        

  3. img:这是输入的图像,可以是灰度图像或者彩色图像。

  4. ksize:这是中值滤波核的大小,通常是一个奇数。它指定了在进行中值滤波时考虑的像素邻域大小。例如,如果 ksize 为 3,那么在进行中值滤波时,对于每个像素,它的邻域大小是 3x3。中值滤波器将在这个邻域内计算像素值的中值,并将该中值作为该像素的新值。中值滤波器的工作原理是通过取邻域内像素的中值来去除图像中的噪声,而不会模糊边缘或细节

  5. 高斯滤波:利用高斯函数对图像进行加权平均,降低图像中高频部分的影响,从而实现平滑效果。高斯滤波常用于去除高斯噪声,同时保留图像细节。cv2.GaussianBlur(source,(3,3),0)
    第一个参数为图像对象
    第二个参数为滤波核
    第三个参数0为高斯核标准差

  6. 双边滤波是一种非线性滤波器,它在平滑图像的同时保留了边缘的信息。相比于其他平滑滤波器,双边滤波器考虑了像素之间的空间距离和像素值之间的灰度相似性。这使得它能够在去除噪声的同时保持图像的边缘清晰。在opencv中,用户可以使用cv2.bilateralFilter()函数实现对图像双边滤波处理.cv2.bilateralFilter(img,d,sigmaColor,sigmaSpace)

  7. img表示原图     d 表示滤波要采取的空间距离参数   sigmaColor:这个参数控制了在颜色空间中的标准差,它影响了颜色相似度的权重。较大的sigmaColor值会使得颜色更加容易混淆,因此滤波器会更加宽松地认为颜色相似。通常情况下,当图像中的噪声较强时,可以增大sigmaColor以增强滤波效果,但同时也会模糊边缘。sigmaSpace:这个参数控制了在空间距离上的标准差,它影响了空间相似度的权重。较大的sigmaSpace值意味着更广泛的空间距离内的像素将被考虑在内,即使它们的颜色差异较大,也可能被认为是相似的。增大sigmaSpace可以使得更远的像素对平滑过程产生影响,这样可以更好地保留图像的整体结构。

均值滤波代码

import cv2
import numpy as np# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 对图像进行均值滤波处理,模糊半径为7x7
blur = cv2.blur(img, (7, 7))# 显示原始图像
cv2.imshow('原始图像', img)# 显示经过均值滤波处理后的图像
cv2.imshow('均值滤波处理后的图像', blur)# 等待按键事件
cv2.waitKey(0)# 关闭所有窗口
cv2.destroyAllWindows()

 结果如图:

高斯滤波 代码:

import cv2
import numpy as np# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 对图像进行高斯滤波处理,卷积核大小为7x7,标准差为10
gaussianBlur = cv2.GaussianBlur(img, (7, 7), 10)# 显示原始图像
cv2.imshow('原始图像', img)# 显示经过高斯滤波处理后的图像
cv2.imshow('高斯滤波处理后的图像', gaussianBlur)# 等待按键事件
cv2.waitKey(0)# 关闭所有窗口
cv2.destroyAllWindows()

 结果如图:

 中值滤波代码

import cv2
import numpy as np# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 对图像进行中值滤波处理,核大小为7x7
median = cv2.medianBlur(img, 7)# 显示原始图像
cv2.imshow('原始图像', img)# 显示经过中值滤波处理后的图像
cv2.imshow('中值滤波处理后的图像', median)# 等待按键事件
cv2.waitKey(0)# 关闭所有窗口
cv2.destroyAllWindows()

结果如图:

双边滤波代码:

import cv2
import numpy as np# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dczGaussian.jpg")# 对图像进行双边滤波处理,核大小为15,空间高斯标准差为300,灰度值相似性标准差为300
bilaterBlur = cv2.bilateralFilter(img, 15, 300, 300)# 显示原始图像
cv2.imshow('原始图像', img)# 显示经过双边滤波处理后的图像
cv2.imshow('双边滤波处理后的图像', bilaterBlur)# 等待按键事件
cv2.waitKey(0)# 关闭所有窗口
cv2.destroyAllWindows()

结果如图:

四种滤波结合在一起:

import cv2
import numpy as np# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 均值滤波
blur = cv2.blur(img, (7, 7))# 方框滤波
box = cv2.boxFilter(img, -1, (7, 7), normalize=True)# 高斯滤波
gaussian = cv2.GaussianBlur(img, (7, 7), 10)# 中值滤波
median = cv2.medianBlur(img, 7)# 双边滤波
bilater = cv2.bilateralFilter(img, 9, 75, 75)# 自定义卷积核滤波
kernel = np.array(([-1, -1, 0],[-1, 1, 1],[0, 1, 2]), dtype="float32")
filter2D = cv2.filter2D(img, -1, kernel)# 显示图像
cv2.imshow('img', img)
cv2.imshow('blur', blur)
cv2.imshow('box', box)
cv2.imshow('gaussian', gaussian)
cv2.imshow('median', median)
cv2.imshow('bilater', bilater)
cv2.imshow('filter2D', filter2D)# 等待按键事件,关闭窗口
cv2.waitKey(0)
cv2.destroyAllWindows()

上面的结果图太多了就不一一列举了:

上面的代码展示了如何使用OpenCV库对图像进行不同类型的平滑处理。以下是代码的意义和思路:

  1. 导入必要的库:导入了OpenCV库和NumPy库,用于图像处理和数组操作。

  2. 读取图像:使用cv2.imread()函数读取了指定路径下的图像文件。

  3. 应用不同的平滑滤波器:

    • 均值滤波:用cv2.blur()函数对图像进行均值滤波,平滑图像以减少噪声。
    • 方框滤波:使用cv2.boxFilter()函数进行方框滤波,也是一种线性滤波方法。
    • 高斯滤波:调用cv2.GaussianBlur()函数应用高斯滤波,对图像进行平滑处理。
    • 中值滤波:使用cv2.medianBlur()函数对图像进行中值滤波,适用于去除椒盐噪声。
    • 双边滤波:调用cv2.bilateralFilter()函数应用双边滤波,保留边缘的同时平滑图像。
    • 自定义卷积核滤波:使用cv2.filter2D()函数应用自定义卷积核进行滤波处理。
  4. 显示处理后的图像:使用cv2.imshow()函数显示原始图像和经过不同滤波器处理后的图像。

  5. 等待按键事件和关闭窗口:使用cv2.waitKey(0)等待用户按下键盘按键,然后调用cv2.destroyAllWindows()关闭所有窗口。

 任务4使用滑动条进行平滑处理

使用滑动条进行平滑处理是一种常见的图像处理任务场景,通常用于调节滤波器的参数以实现不同程度的平滑效果。这种交互式的方式可以让用户直观地调整参数并实时观察处理后的图像效果,从而更好地理解不同滤波器的作用和影响。

在这个任务场景中,您可以创建一个图形用户界面(GUI),包含一个滑动条(Slider)和一些按钮,用于选择不同的滤波器和控制滤波器的参数。用户可以通过拖动滑动条来调整参数,实时看到图像的平滑效果。这种交互式的方式可以帮助用户更直观地理解不同滤波器的功能和效果。

使用滑动条调整阈值:

代码:

import cv2# 回调函数,用于阈值处理
def Callback(a):# 获取滑动条当前位置Type = cv2.getTrackbarPos(tType, windowName)Value = cv2.getTrackbarPos(tValue, windowName)# 根据滑动条的值进行阈值处理ret, dat = cv2.threshold(img, Value, 255, Type)# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dczSalt.jpg", 0)# 定义窗口名称
windowName = "Threshold"
cv2.namedWindow(windowName)# 在窗口中显示图像
cv2.imshow(windowName, img)# 定义滑动条名称
tType = "Type"
tValue = "Value"# 创建滑动条
cv2.createTrackbar(tType, windowName, 0, 4, Callback)
cv2.createTrackbar(tValue, windowName, 0, 255, Callback)# 等待按键事件
cv2.waitKey(0)# 关闭所有窗口
cv2.destroyAllWindows()

结果如图:

 使用滑动条对图像镜像平滑处理

代码:

import cv2# 回调函数,用于处理滑动条数值的变化
def onValue(a):# 获取滑动条当前位置Value = cv2.getTrackbarPos(tValue, windowName)# 根据滑动条的值进行中值滤波处理medianBlur = cv2.medianBlur(img, 2 * Value + 1)# 在窗口中显示中值滤波处理后的图像cv2.imshow(windowName, medianBlur)# 读取图像
img = cv2.imread("C:/Users/win11/opencv/sucai4/dcz.jpg")# 定义窗口名称
windowName = "medianBlur"
cv2.namedWindow(windowName)# 在窗口中显示图像
cv2.imshow(windowName, img)# 定义滑动条名称
tValue = "Value"# 创建滑动条
cv2.createTrackbar(tValue, windowName, 0, 100, onValue)# 等待按键事件
cv2.waitKey(0)# 关闭所有窗口
cv2.destroyAllWindows()

结果如图:

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

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

相关文章

【人工智能】猫狗识别

猫狗识别 实验背景 数据集介绍 我们使用CIFAR10数据集。CIFAR10数据集包含60,000张32x32的彩色图片,10个类别,每个类包含6,000张。其中50,000张图片作为训练集,10000张作为验证集。这次我们只对其中的猫和狗两类进行预测。 图 1 CIFAR10 数据…

Windows11配置VUE开发环境

目录 一、按照nodejs二、命令安装npm cache clean --forcenpm install -g vue/clinpm install npm -gnpm install webpacknpm install vue-cli -g与npm install -g vue/cli区别npm install -g cnpm --registryhttps://registry.npm.taobao.orgnpm i yarn -g --verbosenpm i -g …

网络与并发编程(一)

并发编程介绍_串行_并行_并发的区别 串行、并行与并发的区别 串行(serial):一个CPU上,按顺序完成多个任务并行(parallelism):指的是任务数小于等于cpu核数,即任务真的是一起执行的并发(concurrency):一个CPU采用时间…

IDEA 导出jar无法执行 错误: 找不到或无法加载主类

1、首先配置正确Project Struct 保证需要引用的jar包库添加到Libraries里,尽管添加到Modules里依然可以测试运行或调试,但导出的jar包会遇到问题。 2、导出jar,方式选择如下 选择”From modules with dependencies" 然后去掉以上“Extr…

手机如何在线制作gif?轻松一键在线操作

现在大家都喜欢使用手机来拍摄记录有趣的事物,但是时间长了手机里的视频越来越多导致手机存储空间不够了,这些视频又不想删除时应该怎么办呢?这个很简单,下面就给大家分享一款不用下载手机就能操作的视频转gif网站-GIF中文网&…

【贪玩巴斯】Mac的M芯片(M1/2...)下载homebrew方法(24年最新且已验证可行)

1. 按照目前广为流传的方法(M1会出现一些问题): 终端输入: /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 使用国内镜像下载。 2. 输入后按照要求步骤执行即可&#xff…

k8s单节点部署,容器运行时使用containerd

环境 系统 : entOS Linux release 7.9.2009 (CoreIP:192.168.44.177 硬件要求:控制平面最少需要 2c2g 安装前环境准备 如果是集群部署还需要配置时间同步 关闭防火墙 systemctl disable firewalld关闭selinux setenforce 0sed -i s/SELI…

Vue - 你知道Vue组件中的data为什么是一个函数吗

难度级别:中高级及以上 提问概率:80% 在Vue项目中,App.vue下的每个子组件都会生成一个单独的Vue实例对象,但这些子对象都是通过通过vue.extend方法创建而来的,也就是说我们平时在项目中所定义的Vue组件,都有一个相同的父类对象。这样也就…

JS-PC/MOBILE技巧--PC

一、PC 端网页特效 1、元素偏移量 offset 系列 offset 概述 offset 就是偏移量,使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获取元素距离带有定位父元素的位置获取元素自身的大小(宽度高度&#xff0…

前端入门(认识HTML,CSS,JavaScript三件套)

目录 前言 HTML(构建) CSS(设计) JavaScript(互动) 总结 相关书籍推荐 前言 前端(Frontend)指的是与用户直接交互的部分,也称为客户端。在网站或者应用程序中&…

特别详细的Spring Cloud 系列教程1:服务注册中心Eureka的启动

Eureka已经被Spring Cloud继承在其子项目spring-cloud-netflix中&#xff0c;搭建Eureka Server的方式还是非常简单的。只需要通过一个独立的maven工程即可搭建Eureka Server。 我们引入spring cloud的依赖和eureka的依赖。 <dependencyManagement><!-- spring clo…

如何成为一名优秀的工程师下

身为工程师&#xff0c;理所当然要重视实践&#xff0c;自然科学不管发展到何时都离不开实验。 电子学本身就是 为了指导工程实践。所以不要谈空洞的理论。现在很多毕业生都面临这样的问题&#xff0c;总是谈一些空洞的理论&#xff0c;甚至错误的但还不以为然的理论。实践可以…

uniapp 密码框的眼睛

效果展示&#xff1a; uniapp input 官网链接&#xff1a;链接 按照官方文档&#xff0c;uni-icon出不来。 通过自己的方法解决了&#xff0c;解决方案如下&#xff1a; 代码&#xff1a; <uni-forms-item name"password"><inputclass"uni-input&quo…

Spring AI 来了,打造Java生态大模型应用开发新框架!

Spring AI 来了&#xff0c;打造Java生态大模型应用开发新框架&#xff01; Spring AI 开发框架设计理念Spring AI 主要功能特性如下 Spring AI 应用开发案例案例一&#xff1a;基于大模型的对话应用开发案例二&#xff1a;RAG 检索增强应用开发案例三&#xff1a;Function Cal…

15-1-Flex布局

个人主页&#xff1a;学习前端的小z 个人专栏&#xff1a;HTML5和CSS3悦读 本专栏旨在分享记录每日学习的前端知识和学习笔记的归纳总结&#xff0c;欢迎大家在评论区交流讨论&#xff01; 文章目录 Flex布局1 Flex容器和Flex项目2 Flex 容器属性2.1 主轴的方向2.2 主轴对齐方式…

vscode-插件开发-hello world-创建初始模板

参考vscode官方示例&#xff1a;如何创建你的第一个插件开发项目模板的步骤进行了下文操作。 目录 前言1.环境配置全局安装 yo, generator-code 2. 新建一个插件项目模板问题1: F5 按键无法启动launch.json调试(解决)问题1 描述:问题1: 找错误问题1: 可行的解决方案 3. 开发插…

SpringBoot集成Redis快速入门Demo

目录 1. Redis概述 2.下载安装 3. Spring-data-redis概述 4. 快速入门 4.1 创建工程 4.2 导入依赖 4.3 添加配置文件 4.4 添加Redis配置 4.5 添加Redis工具类 4.6 添加测试类 5. Demo下载地址 1. Redis概述 Redis&#xff08;Remote Dictionary Server 远程…

ics-05-攻防世界

题目 点了半天只有设备维护中心能进去 御剑扫一下 找到一个css 没什么用 再点击云平台设备维护中心url发生了变化 设备维护中心http://61.147.171.105:65103/index.php?pageindex试一下php伪协议 php://filter/readconvert.base64-encode/resourceindex.php base64解一下…

华为海思校园招聘-芯片-数字 IC 方向 题目分享——第九套

华为海思校园招聘-芯片-数字 IC 方向 题目分享&#xff08;有参考答案&#xff09;——第九套 部分题目分享&#xff0c;完整版获取&#xff08;WX:didadidadidida313&#xff0c;加我备注&#xff1a;CSDN huawei数字芯片题目&#xff0c;谢绝白嫖哈&#xff09; 单选 1&…

(Git) gitignore基础使用

文章目录 前言.gitignore 模式匹配注释 #转义 \直接匹配任意字符匹配 *单个字符匹配 ?目录分割 /多级目录 **范围匹配 []取消匹配 ! 检查是否生效父子文件END 前言 Git - gitignore Documentation (git-scm.com) 在使用git管理的项目中&#xff0c;可以通过.gitignore文件管理…