ZJl

写在前面 动态切换不同的主题色是项目中非常常见的功能，这次我们公司的后台管理系统中也需要实现这个功能。我们项目使用的是Vue2+ElementUI+scss的技术栈，切换主...

vue3+vite中使用自定义element-plus主题配置，详细讲述了两种方式的配置主要要点，全部导入跟按需导入...

一、思路分析 目前根据官方网站推荐的做法，最佳实践就是直接覆盖css变量。 打开elementPlus官网 -> F12 ->查看元素样式。点击根元素也就是html，你会看...

问题背景 1.实际需求就是UI会有一套属于自己的颜色体系，其实跟element默认的蓝色风格肯定是不同的。我们肯定是需要通过自定义主题色来修改，而不是使用组件的样式覆盖去修...

🚀 Vue3按钮组件Loading状态最佳实践：优雅的通用解决方案 📋 前言 在日常Vue3开发中，处理按钮的加载状态是一个非常常见的需求。当用户点击按钮触发异步操作（...

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？...

在现代 CSS 布局体系中，CSS Grid 可以说是网页布局的一场革命。而其中最为迷人（也最容易误解）的，就是 fr 单位了。很多开发者初学时以为 1fr + 2fr 就...

公司项目要求实现H5页面可以扫描快递单条形码并回显快递单号，于是用html5-qrcode库实现条形码扫描功能。 关于 html5-qrcode html5-qrcode ...

你是不是经常遇到这样的情况：写了一个通用组件，却发现有些地方需要微调样式，有些地方需要替换部分内容，但又不想为了这点小改动就写一个新的组件？ 如果你还在用默认插槽来解决所有...

参考微信朋友圈图片展示形式。实现一张图片时，按图片原有宽高显示。 两张图片，并行展示，图片会偏大一些。 四张图片时，一行显示两个。 三张、及四张以上时，一行显示3张。...

租房、贷款、办业务需上传证件照，担心被盗用？本文将揭秘“帮小忙工具箱”如何利用 OffscreenCanvas 实现纯前端、毫秒级的全屏防盗水印。...

日常中后台项目中，el-table是展示数据最常用的组件之一。用户常常需要复制表格单元格中的内容，传统做法是选中文本后 Ctrl+C，操作路径较长，体验不够流畅。 为此，我...

写了半年的协同文档终于有点像样了，目前新增数学公式、RAG、续写，划词评论，创建组织和 @ 人等功能。 项目链接 项目地址: https://www.codecrack.c...

跨端协作时，别用口头描述变量的值，直接发截图或者共享屏幕看代码。** "为空"、"没值"、"undefined" 这些词，在不同语言、不同上下文里含义都不一样，很容易造成信...

同时在一个表格中显示6个甚至更多的传感器数据，数据量在每个传感器每10秒1条数据，一般请求1天的数据，使用表格显示...

在前端开发中，表单是高频场景，而「输入防抖」和「实时验证」几乎是必备需求 —— 比如搜索框输入时避免频繁接口请求、注册页面实时校验手机号格式、登录表单防重复提交。如果每个表...

一、数组语法的基础使用：多类名的动态组合 在Vue3中，当我们需要给元素添加多个动态类名时，数组语法是最直接的方式。它允许我们将静态类名、动态变量和**条件表达式 **组合...

基于 Body 滚动的虚拟滚动树组件技术实现 前言 在现代 Web 应用中，树形结构是一种常见的数据展示方式，广泛应用于文件管理、组织架构、菜单导航等场景。然而，当树节点数...