_Zora.-优快云博客

原创后台管理项目——数据大屏如何实现自适应

然后对于screen盒子，因为这个内容是主要的内容，固定在1920*1080这一个大小，才有fixed定位将这一个盒子定在屏幕处， transform-origin: left top;在数据大屏中，我的页面画布大小固定为1980*1080，但是我电脑显示的范围宽度最多在1200，这就会导致有一些内容被挤出了屏幕外面，因此，要使画布自适应不同的设备，效果如图。window.onresize是解决拖动改变container的大小自适应的问题。先获取screen这一个实例，然后组件挂载的时候进行自适应。

2024-09-27 11:44:12 425

原创 vue3后台管理平台项目——如何根据不同用户权限渲染不同侧边栏

问题在于，一刷新，已经有了用户信息而且token还没有过期，会直接放行，但是路由还没有跳转，导致白屏，在路由前置守卫处这样写，等它路由完全加载完才可以放行。首先是要过滤当前登录用户拥有的路由权限是与全部路由信息的权限是否匹配，一层一次递归检查。1、侧边栏的菜单选项是根据用户的权限信息返回的，因此向菜单组件传递用户的路由信息。4、因为路由信息是在仓库user里面存着的，所以要在仓库里面对路由信息进行整理。5、针对页面刷新白屏的问题，问题出现在路由前置守卫（路由鉴权）3、问题的关键在于路由的配置。

2024-09-21 18:27:13 356

原创 TypeScript知识

let c:｛name:string,[proname:string]:any｝//这个代表着name这个属性是必须的，然后后面的代表着属性名是string然后属性值是任意类型的。let b:｛name:string｝//这里限制b的值只能是一个对象，而且里面只能有name这一个属性，多一个不行少一个也不行。let d：boolean|string=======>这里限定d的类型只能是boolean或者是string类型的。let b：10//这里就有一个隐式限制，限制b只能是number类型。

2024-08-25 23:17:24 515 1

原创数字图像处理-图像复原

在图像中选择一个灰度值基本恒定的区域，计算这个区域的灰度直方图，由灰度直方图的形状可判断图像的噪声类型。周期噪声幅度谱在高频处会出现极亮的点，对周期噪声的抑制步骤为①确定周期噪声对应的参数②设计带阻滤波器③利用频域滤波增强原理实现图像的频域滤波④观察输出图像及其幅度谱，若噪声抑制效果不理想，调整参数，重新设计滤波器，返回步骤③自适应中值滤波器相比中值滤波器，可以提供更加平衡的滤波效果，尤其是在噪声密度变化较大的图像中。

2024-08-14 11:45:50 900

原创数字图像处理-图像的频域处理

幅度谱主要负责图像的亮度信息，而相位谱则包含了图像的边缘和纹理信息。ILPF没有过渡带，频域滤波效果最好，但会产生振铃现象。GLPF没有振铃现象，但不能控制滤波器的过渡带陡峭程度。BLPF可以通过阶次控制过渡带的陡峭程度，阶次越高，过渡带越窄，频域选择特性越好，但阶次越高振铃副作用越明显。当巴特沃斯滤波器的阶数增加时，过渡带变窄，振铃现象可能会变得更加明显。较低阶的BLPF在平滑图像的同时，能够更好地保留图像的细节。随着阶数的增加，图像细节会丢失。

2024-08-14 11:33:47 978

原创数字图像处理-图像的灰度变换与空间滤波

2、利用直方图均衡法，对Rice1.tif和Rice2.tif分别实施灰度变换，比较变换前后图像的视觉效果及各自的灰度直方图，画出直方图均衡化的灰度变换曲线。1、利用伽马校正的方法，选择合适的γ值，对偏亮（BC_bright.bmp）和偏暗（BC_dark.bmp）的B超图像进行伽马校正。3、利用拉普拉斯滤波增强图像边缘的方法锐化图像Moon.tif的边缘，比较4邻域与8邻域拉普拉斯高增益滤波器的增强效果。

2024-07-27 00:56:50 534

原创 JavaScript进阶学习day10-APIs_day7

2、块作用域：大括号被包在一起的代码称作块作用域，大括号里面定义的变量有可能无法被访问（用var定义的就能够被访问，因为var没有块作用域，但是let和const有块作用域）7、变量提升：用var定义的变量会有变量提升，只提升变量的声明，不会提升赋值，函数提升（注意的是函数表达式的话要先声明后提升，以为只会提升声明而不会提升赋值）6、闭包=内层函数+外层函数的变量（函数嵌套函数，里层函数引用到外层函数的变量）作用：外部也可以访问函数内部的变量，但是闭包可能存在内存泄漏。使用与本来需要匿名函数的地方。

2024-05-18 11:23:01 386 1

原创 JavaScript进阶学习day9-APIs_day6

abc]只要匹配的字符串匹配abc里面其中一个就行，如果是精确匹配的话只选一个，匹配小写字母[a-z],匹配大写字母[A-Z],匹配数字[0-9],量词{n,}写几，就意味着出现的次数为大于等于n，逗号两边不能有空格。[^a-z],在中括号里面添加^，代表取反，除了小写字母之外的。量词{n,m}，就意味着出现的次数大于等于n,小于等于m。③检索（查找）符合规则的字符串（了解就行）定义的规则名.test(被检测的字符串)2、分类：边界符、量词、字符类。1、表单验证、过滤敏感词。

2024-05-18 11:18:32 272

原创 JavaScript进阶学习day8-APIs_day5

setTimeout(函数回调，等待毫秒数)：仅仅只执行一次，可以理解为将一段代码延迟执行。先执行执行栈中的同步任务，异步任务放入任务队列，一旦执行栈是所有同步任务执行完毕之后，系统会依次顺序读取任务队列里面的异步任务。①存：localStorage.setItem('key','value')记得key和value都要引号括起来。步骤：先把对象转换为字符串（JSON对象转换），然后将字符串（JSON对象）转成对象。④改：localStorage.setItem('旧属性值','新值')

2024-05-18 11:09:21 470

原创 JavaScript进阶学习day7-APIs_day4

②下载完毕之后就去到demo文件夹，找到自己想要的样式，然后就查看源代码，找到你想要的轮播图的样式引入的css和js文件，然后复制去到你想要放的文件夹。ul.appendChild(ul.children[0].cloneNode(false))（浅克隆，只克隆标签名）ul.children[0].cloneNode(true)（深克隆，把里面的内容页克隆过来）2、获取到的时间处理（日期对象的方法，所以姚先获得日期对象，才能用它的方法）2）父盒子.insertBefore(要插入的元素，在哪个元素的前面)

2024-03-25 20:43:10 405 1