皮蛋solo粥961-CSDN博客

原创在React项目实现src路径配置，用@符号代表src根目录

在业务开发过程中文件夹的嵌套层级可能会比较深，通过传统的路径选择会比较麻烦也容易出错，设置路径别名可以简化这个过程。

2025-08-09 15:09:56 202

原创 React路由鉴权实现，实现路由守卫功能

在做项目过程中，我们会有这样的功能，判断用户是否登录了，如果登录了则可以去访问系统中的页面，但是没有登录则跳转到登录页，在react项目中，我们封装AuthRoute路由鉴权高阶组件，实现未登录拦截，并跳转到登录页面。

2025-08-09 15:02:30 209

原创 vue导出Excel表格

在实际项目中，后台操作人员可能需要表格之类的数据进行导出，在前端点击导出按钮可以将表格数据进行导出为Excel表格，比如财务人员就可以用数据表格去对账等。所以作为开发人员我们就要将页面上的表格进行导出，使用前端代码实现是非常简的，根据我下方写的步骤来实现的话，以后遇到这类问题就可以轻而易举完成啦，让我们一起来学习一下吧！

2025-07-22 11:46:08 431

通过预定义的主题变量（如主色、辅色、字体等），确保整个应用（或多个子应用）的视觉风格高度统一，避免手动重复定义样式导致的碎片化问题。例如：按钮、卡片、导航栏等组件使用相同的颜色变量，修改时只需调整主题变量即可全局生效。主题系统通常支持运行时切换（如通过用户偏好或系统设置），无需重新加载页面即可实现亮色/暗色模式的无缝切换。将样式变量抽离到独立文件（如 theme.js），便于团队协作和后续维护。提示：以下是本篇文章正文内容，下面案例可供参考。

2025-07-16 18:59:58 458

原创 uniapp小程序tab栏切换实现数据加载

在开发过程自己手写的tab栏+swiper组件联动的切换加载数据的功能遇到了一些问题，例如每一次切换都要向服务器发送一条请求数据导致页面卡顿等，在此将自己的优化思路分享一下。市面上有许许多多的类似的插件，包括DCloud插件市场中即插即用的插件也有很多，但要封装的东西太多，如果公司有个性化的需求改起来比较麻烦，所以我就自己手写了一套，这样改底层代码也方便的多，并不用去看插件文档。这里我使用是uniapp自带的scroll-view组件实现横向滚动栏的切换，单独将tab-bar独立出来作为一个头部组件，并且

2025-07-16 17:48:36 833

原创在uniapp中实现自定义水印组件（可全屏或局部水印并带有响应式）

水印组件通常用于在网页、应用程序或文档中添加视觉上的背景标记，其主要作用包括：版权保护：水印组件常用于图像、文档或PDF文件中，以标明作品的版权归属。这样可以防止未经授权的使用和传播。品牌宣传：在图像或文档上添加公司Logo、名称或标语作为水印，可以提高品牌曝光率，增强用户对品牌的认知。防止盗用：在图像或文档上添加水印可以防止他人未经授权地使用这些内容。即使被复制，水印也能表明原始来源。提升专业性：在某些商业或专业场景中，带有水印的文档或图片显得更加正式和规范，体现了内容的专业性和权威性。保护隐私

2025-07-16 14:35:36 659

原创在vue中使用动态路由修改权限路由

在获取完用户token的时候，可以像后端发起一次获取用户角色列表的请求，获取到用户下对应的角色以及权限标识符，这样可以拿到两个数组（一个是用户下所有的标识符，一个是路由所有的标识）进行比较过滤，最终可以得到用户下可以访问的路由了。下面这样的数组就是权限标识符数组，会有很多条，后端通过这些标识符去判断用户是否能使用具体功能，前端可以将这些标识符数组存在不同模块的js文件里，方便模块化导入，也可以纯在一个文件里，但标识符多起来不利于管理。易于与后端权限系统结合，实现完整的 RBAC（基于角色的访问控制）体系。

2025-07-16 10:52:46 887