通过 Vue 使用 Tailwind CSS ...
最近觉得自己对vue愈加熟练，就决定利用tailwindcss手搓一个智能聊天机器人，用了不到一个下午就完成了，不用自己写样式确实爽（虽然这次也没用到什么样式），下图为实现效果：tailwindcss有些小伙伴可能不知道tailwin...
使用 Vue 的项目页面加载慢优化过程
简介这是在公司对项目优化的一次记录，过程中并没有使用什么高大上的技术，因为造成问题的原因也并不复杂，大部分原因是对vue框架不够理解造成没有合理使用。起因某天早上领导估计看我闲来无事于是给了我个任务，项目有个模块是以前的同事写的，同事...
掌握 Vue 组件通信：打造高效、灵活的前端应用
一、引言Vue.js，作为现代前端开发的热门框架，以其组件化架构引领了开发效率与代码维护性的新标准。组件通信，作为这一架构中的关键环节，对于构建响应式、可扩展的应用至关重要。本文将探讨 Vue 组件通信的多种策略，旨在帮助开发者深化理...
如何在 Element UI 中使用空格校验规则
在一个 Element UI 项目中，如果你想要对所有的输入框（例如 el-input）进行空格校验，你可以采取以下几种策略来确保一致性和可维护性：1. 自定义校验规则你可以创建一个自定义的校验规则，然后在所有需要空格校验的表单项中重...
前后端分离 SpringBoot 项目，如何将...
背景介绍客户需要将项目前后端作为一个整体打包成jar，不使用nginx方式转发。使用框架是若依前后端分离，后端springboot，前端vue，目的就是把vue打入jar。前端修改ruoyi-ui/src/router/index.j...
使用 Supabase 实现 Github 认证鉴权
前言Supabase 使用的是 postgresql 的 Row Level Security (RLS)，可以限制不同用户对同一张表的不同数据行的访问权限。这种安全机制可以确保只有授权用户才能访问其所需要的数据行，保护敏感数据免受未...
聊聊 JavaScript 以及 Vue 如何...
1.错误捕获错误捕获是前端错误监控平台的关键步骤，通过捕获 JavaScript 运行时产生的错误，平台能够实时地感知到应用程序的健康状况。以下是错误捕获的主要内容：全局错误事件监听前端错误监控平台通常会注册全局的错误事件监听器，例如...
在 Vue3 项目中封装 ECharts 组件...
目录一、相关知识1.1 什么是ECharts1.2 什么是组件二、为什么要封装ECharts组件三、如何在Vue3项目中封装ECharts组件3.1 ECharts的全量引入和按需引入3.2 支持数据响应式更新3.3 简化EChart...
轻量级中间件实现大文件上传：文件切片，附完整代码
文件上传的方案大文件上传：将大文件切分成较小的片段（通常称为分片或块），然后逐个上传这些分片。这种方法可以提高上传的稳定性，因为如果某个分片上传失败，只需要重新上传该分片而不需要重新上传整个文件。同时，分片上传还可以利用多个网络连接并...
在 Vue 中如何实现动态生成表单项
业务场景在实际开发中，我们会接触到这样的业务场景：如下有一个表单，其存在多个表单项，而每个表单项并不是固定的，需要前面表单项的内容来决定的比如：只有当表单项内容为lzh的时候才展示后面的表单项（实际业务中的判断条件会更加复杂）开发痛点...
基于 Element Plus 的大文件分片上...
前言Element Plus 中已提供了一个 upload 组件来实现普通文件上传的需求，但是遇到大文件上传的时候，就有点显得力不从心了：由于文件大，上传一般都需要数分钟时间，用户一般都无法忍受干等这么长时间若中途断网或浏览器崩溃，只...