自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 在NestJS中实现操作日志记录

以上我们就简单实现了Nestjs系统内如何进行操作日志记录的功能。如果你现在需要使用Nestjs创建后端服务。

2024-10-28 19:41:06 415

原创 Nestjs中基于RBAC模型实现权限控制

RBAC(基于角色的访问控制)是一种权限管理模型,通过将用户分配到不同的角色来控制他们在系统中的访问权限。每个角色代表一组特定的权限,用户通过其角色来获得执行某些操作的能力。比如,一个管理员角色可能拥有添加、删除用户的权限,而普通用户角色则只能查看信息。通过这种方式,RBAC简化了权限管理,使得对用户权限的分配和调整更为高效和安全,特别适合复杂的系统和组织环境。如果你现在需要使用Nestjs创建服务,不妨试试,它是一个all in js后台管理系统,旨在为开发者和企业提供高效、灵活的管理解决方案。

2024-10-28 15:40:49 585

原创 云服务器部署项目-宝塔面板

前端er如何在云服务器上部署项目

2024-10-27 19:22:54 232

原创 Nestjs后台管理系统

`gaius-admin` 是一个`all in js`后台管理系统,旨在为开发者和企业提供高效、灵活的管理解决方案。该系统基于(`Vue3`+`Ant Design`+`Nest`)技术栈构建,集成了用户管理、机构管理、权限管理、登录日志、操作日志和消息通知等常用功能,帮助用户轻松管理和监控系统操作。

2024-10-27 19:15:16 477

原创 发布-订阅模式:解耦组件间通信,提升系统灵活性与可扩展性

发布-订阅模式(Publish-Subscribe Pattern)是一种消息范式,其中存在一个代理中心(通常称为发布-订阅系统或消息队列),在该系统中,发布者发布消息,而订阅者订阅这些消息。发布者和订阅者之间没有直接的耦合关系,它们通过代理中心进行通信,通过解耦发布者和订阅者之间的关系,实现了组件之间的松耦合通信,提高了系统的灵活性和可扩展性。接下来,订阅者需要订阅对应的事件。

2024-03-20 17:24:52 512 1

原创 优化大数据量页面卡顿:探索新的虚拟列表实现方法

书接上文,我们将介绍另一种虚拟列表的实现方法,。当列表中的子项高度无法确定时,无法使用之前的虚拟列表实现方式,因为需要动态获取子项的高度。由于无法确定每个子项的高度,在初次渲染时,我们可以预先设置一个高度(preHeight),并根据该高度计算要展示的列表项。此时,preHeight就相当于之前提到的itemHeight,我们可以计算出对应的startIndex和endIndex。但是需要注意的是,由于渲染时的DOM位置和宽高是错误的,所以在渲染完成后,我们需要进行修正。

2024-03-07 16:50:59 816 1

原创 优化大数据量页面卡顿:简单虚拟列表实现方法详解

虚拟列表的核心原理是仅渲染用户可见的部分,从而减少DOM渲染的时间和DOM数量,避免页面卡顿。

2024-03-03 18:47:47 648 1

原创 浏览器标签页tab的跳转

从pageA页面打开一个浏览器标签pageB页面,pageB进行操作之后回退到对应pageA页面,如果pageA页面已关闭则新打开一个pageA页面。在edge和chorme浏览器中。即可实现在浏览器标签页中跳转。

2023-12-18 09:41:20 270

原创 前端如何实现拖拽?附组件

在开发过程中遇到的需求:要求拖拽改变元素的大小和位置,主要是用于可视化大屏的创建,考虑到项目的二次开发以及后续可能遇到的一些别的需求,作者决定自己开发一个拖拽组件,供项目使用。组件名称(ray-drag-resize-v3)

2023-02-28 16:31:28 2757

原创 前端滚动条滚动到指定位置

滚动条滚动到指定位置

2022-05-09 15:56:03 8051

原创 前端中LCD字体的实现

LCD字体在前端中如何实现应项目需要,需要在页面中展示一种LCD类似电子表中的字体,经过查阅相关资料以实现,下面放成果图下面我来说下具体做法:1.首先到dafont下载你需要的字体,它提供的字体很多不止有LCD字体一种2.下载后解压,找到后缀名为TTF的文件3.打开fontsquirrel如图:4.选择最右边的自定义配置,为了尽可能多的兼容各个浏览器,按照如下选择:5. 点击最上面的upload fonts 上传刚刚下载好的TTF文件,滑倒下方 点击我同意,然后开始下载。6. 解压压缩

2020-11-23 09:17:17 1014 1

原创 echarts在vue2中的简单使用

因项目需要,需要大量的展示数据,但是大量的使用表格对于界面观感不好,所以采用了echarts来对数据进行展示,下面我来详细介绍echarts在vue中的使用方法:在vue中安装echarts以vscode编辑器和vue-cli为例用vue创建项目这里一笔带过打开终端使用命令行输入 npm i echarts--save在package.json中可以查看到3.为了使用的方便我们选择将在vue的原型上加入echarts打开 main.jsimport echarts from '

2020-11-20 09:58:26 5623

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除