- 博客(22)
- 收藏
- 关注
RSS订阅原创 Vue 动态路由权限控制：解决刷新路由丢失问题
本文详细介绍了在Vue项目中实现动态路由权限控制的完整方案。核心内容包括：路由配置分为固定路由和动态路由，通过meta.roles控制访问权限；使用Pinia管理用户状态和路由加载状态；通过filterAsyncRoutes函数实现基于角色的路由筛选；全局路由守卫控制动态路由加载逻辑；侧边栏组件实时响应路由变化。特别针对刷新页面后路由丢失的问题，提供了本地存储持久化和状态管理的解决方案。该方案支持多级路由权限控制，确保系统安全性和用户体验。
2025-08-03 09:17:22
1079
原创 前端中的防抖与节流：提升前端性能的实用技巧
本文介绍了前端开发中处理高频事件的两种优化技巧：防抖（Debounce）和节流（Throttle）。防抖确保函数在事件停止后执行，适用于搜索框输入等场景；节流则按固定间隔执行函数，适合滚动监听等需求。文章通过Vue3示例展示了两种技术的实现和应用，包括搜索框防抖、滚动节流以及按钮点击对比，并分析了它们的适用场景和使用效果。合理运用这两种技术可以有效提升应用性能和用户体验。
2025-07-30 16:34:39
609
原创 前端优化之虚拟列表实现指南：从库集成到手动开发
本文介绍了两种实现前端虚拟列表的方案：使用vue-virtual-scroller库和手动实现。虚拟列表技术通过仅渲染可视区域内的数据项，解决长列表性能问题。vue-virtual-scroller提供完整功能（包括动态高度支持），适合生产环境；手动实现方案更轻量但功能简单，适合学习原理或固定高度的场景。文章详细展示了两种方式的具体实现代码和核心逻辑，帮助开发者根据实际需求选择合适方案。
2025-07-29 22:08:13
936
原创 大文件的切片上传和断点续传前后端（Vue+node.js）具体实现
本文介绍了一个基于Vue3+Vite和Node.js+Express的大文件分片上传解决方案。前端技术栈包括Vue3、Vite和SparkMD5，实现文件切片、哈希计算和并发上传；后端使用Express、multiparty等处理分片接收和合并。系统支持断点续传功能，通过文件哈希唯一标识，检查已上传分片避免重复传输。前端实现了切片、哈希计算、并发上传和合并请求的完整流程，后端提供文件状态检查、分片接收和合并接口。该方案有效解决了大文件上传的内存占用和网络中断问题，通过分片上传和并发控制提高了上传效率和可靠性
2025-07-29 16:46:02
1131
原创 vue和react的路由懒加载
路由懒加载是一种前端性能优化技术，通过代码分割将应用按路由拆分成独立模块，仅在访问时动态加载对应代码。相比传统打包方式，它能显著减少首屏加载时间、节省带宽并提升响应速度。Vue中通过动态import()实现，React则结合React.lazy和Suspense组件处理异步加载状态。两种框架的实现方式虽不同，但核心目标一致：按需加载资源以优化用户体验。Suspense解决了React异步加载时的状态管理难题，避免页面闪烁问题。该技术特别适合大型单页应用，能有效提升整体性能表现。
2025-07-16 10:27:52
426
原创 vue3+js将页面转成pdf学习记录
jspdf是一个用于在浏览器和 Node.js 环境中生成 PDF 文件的库。创建 PDF 文档对象jspdf允许你创建一个新的 PDF 文档对象，你可以指定文档的尺寸、方向等属性。添加内容到 PDF：通过一系列的 API 方法，你可以将文本、图像、形状等内容添加到 PDF 文档中。这些方法会根据你提供的参数在 PDF 页面上进行绘制。保存或下载 PDF：一旦你完成了 PDF 内容的添加，jspdf。
2025-04-12 10:58:41
440
原创 vue3+ts 动态路由
例如，当网络中的链路状态发生变化时，动态路由协议会自动感知并重新计算路由，更新路由表。例如，管理员在路由器上明确指定，当数据包要去往某个特定网络时，应该通过某个特定的接口和下一跳地址。：配置相对复杂，需要配置路由协议、相关参数（如认证、路由优先级等），并且需要对路由协议的原理和工作机制有较深入的了解。不过，一旦配置完成，它可以自动适应网络拓扑的变化。回车之后，router文件夹下会自动创建相关文件夹，并已经完成路由书写，同时 我们创建的department.vue 文件也已经填写了基础的代码块。
2025-02-07 15:29:08
1224
原创 蚁剑的使用
中国蚁剑（AntSword）是一款跨平台的开源网站管理工具，旨在满足渗透测试人员的需求。它是一个功能强大的工具，可以帮助用户管理和操作远程服务器。AntSword 支持多种操作系统，包括 Windows、Linux 和 macOS。
2024-10-29 21:13:50
471
原创 easy file sharing server 漏洞如何复现？
Easy File Sharing Web Server 6.9漏洞复现及生成主控端、被控端应用
2024-10-25 13:26:04
517
原创 与ZoomEye功能类似的搜索引擎还有哪些？如何进行子域名收集？
被誉为“物联网的搜索引擎”，专注于扫描和索引连接到互联网的各种设备，如智能家居设备、工业控制系统（ICS）、摄像头、数据库等提供全球互联网设备的可视化视图，帮助用户了解网络的整体安全状况。提供全球互联网空间的监控和数据分析服务，通过持续扫描互联网，生成实时的安全情报和数据报表。由白帽汇开发，功能全面，支持多种协议和服务的扫描与检索。面向网络安全专业人士的数据搜索引擎，汇集了多个来源的数据，包括开放端口、漏洞、情报和暗网活动等。
2024-09-29 16:31:21
874
原创 什么是等保2.0？有什么优势？有什么用？
等保2.0的发布与实施，标志着中国网络安全等级保护工作进入了一个新的阶段，对网络安全提出了更高的要求。等保2.0的实施对于企事业单位来说，不仅是合规的要求，也是提升自身网络安全管理水平的重要途径。等保2.0的推广和实施，需要政府、企业、社会组织和个人共同努力，形成全社会共同参与的网络安全防护体系。通过加强网络安全教育和培训，提高公众的网络安全意识和技能，构建安全、稳定、繁荣的网络空间。：强化了网络安全责任制的落实，明确了运营使用单位、数据拥有单位等各方在网络安全保障中的职责。
2024-09-21 20:15:02
367
原创 uniapp项目部署到git
中文包：一定先安装TortoiseGit，在安装到选择语言的那一部分，安装中文包，然后点击刷新Refresh 选择中文。（我的方法和其他博主不太一样，但确实能行）点击Download，一路默认配置即可。填写刚才复制的url及相关信息并推送。没有安装请点击安装新插件安装。点击新建---->新建项目。进入安装路径，右键点击设置。填入相关信息并创建项目。
2024-07-29 21:43:03
593
1
原创 uniapp项目部署到git
中文包：一定先安装TortoiseGit，在安装到选择语言的那一部分，安装中文包，然后点击刷新。（我的方法和其他博主不太一样，但确实能行）点击Download，一路默认配置即可。填写刚才复制的url及相关信息并推送。没有安装请点击安装新插件安装。进入安装路径，右键点击设置。新建---->新建项目。填入相关信息并创建项目。
2024-07-29 21:35:52
849
原创 uniapp封装request请求，判断token是否有效（接上一篇文章）
在common文件夹下创建 request.js。如若不全局挂，即单个页面使用。
2024-06-26 17:41:40
1155
原创 【uniapp】unicloud云开发获取token 一键登录
无论是用微信开发者工具还是uniapp开发小程序，基本上所有情况之下，登录是必不可少的。简洁明了，直接开始。
2024-06-13 16:13:26
3354
1
原创 uniapp微信小程序自定义导航栏，仿原始导航栏，可放图片，一直在可视页面范围最上端
最近一直在研究如何在导航栏仿头像（有点像小红书的那种，作者的头像和昵称一直可以看见），但是原生态的导航栏是不可以放自定义的图片，官方文档好像是说可以放图标，我查了好多资料，可能因为自身知识点不足，还是无法实现这个效果。于是，超级宇宙无敌疯狂查资料看文章之下，终于实现了，代码如下。
2024-05-23 16:05:01
562
1
原创 unicloud 将增删改查URL化之小小细节
再给云函数URL化时，由于我的函数名为chatAI,因此直接编辑为“/chatAI”，在其前边如果加别的（类似与云对象）在经过postman发起请求时，会出现找不到该路径下的方法。在学习uniapp开发小程序的过程中，想要自己写接口的最快方式无非就是将云函数与云对象URL化。与大佬不同的时，当初始化res时，我采用的是var res，在 JavaScript 中，可以使用。在发起请求的时候加上函数名字，如我的“/vlog/get”即可请求到函数。最后，请大家看好请求的方式，post请求要在body传参。
2024-05-12 13:05:36
830
原创 IntelliJ IDEA 2023.黑马程序员javaweb案例 本地储存qimage.transferTo报错未处理 异常： java.io.IOException
是因为没有添加捕获异常的代码，将指针移到报错位置，使用ctrl+alt+t，选择try/catch，问题解决。到这个地方除了变量名其他得与老师一模一样，但就是报错，经过网上查找资料。postman成功页面。
2024-05-09 14:21:44
345
1
原创 IntelliJ IDEA 2023.黑马程序员javaweb案例找不到局部变量‘start‘且请求报500
文中我们已经创建start变量，但是报错表示无法找到局部变量'start'。几番调试发现是由于版本差异，再maaper.Empmapper中需要给参数加上@Param。
2024-04-26 14:06:20
556
13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人