vxe-table 实现行高拖拽功能，需要注意更新到最新版本才支持该功能 官网：https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能; 当需要多列允许触发行高拖拽时，通过 row-resize 指定任意列 <templat ...

‍ 写在开头 点赞 + 收藏 学会 vue3封装一个基础甘特图 只支持简单展示功能 代码通俗易懂 效果图： 主要计算 计算出整体的日期范围 根据每项开始时间和结束时间计算出每一项所占的长度 // 基础甘特图封装 import { ref } from 'vue' import d ...

一.three框架材质原理与应用 其实three里面所有的材质不管是基础还是点等等之类最终都会编译为shader然后执行，所以如果拿到一个材质我想对某个地方小改一下，那么也是可以用shader来进行修改的 这里用基础材质创建一个平面 通过材质的这个回调就可以拿到他的shader并且里面也有顶点着色器 ...

vxe-table 实现 excel 选择一个单元格，拖拽自动复制新的单元格 官网：https://vxetable.cn 鼠标按住右下角扩展按钮，当选取一个单元格时，自动将当前内容填充到扩展区域的所有单元格中 <template> <div> <vxe-grid v-bind="gridOptio ...

前言 高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、Vue中一般都是使用SFC，实现HOC比较困难。2、HOC能够实现的东西，在Vue2时代mixins能够实现，在Vue3时代Composition API能够实现。如果你不知道HOC，那么你平 ...

周选择器 vxe-date-picker 自定义一周开始日 官网:https://vxeui.com 周一开始 <template> <div> <vxe-date-picker v-model="val1" placeholder="周选择，周一开始" type="week" :start-day ...

最近刚看完一个Vue3的视频教程，还不错，整理最近收集与Vue相关的库或项目。 awesome-vue：与 Vue.js 相关的精彩内容精选清单。https://github.com/vuejs/awesome-vue 组件或库 vueuse：是基于组合式API的实用函数集合，从 v12.0 开始， ...

开始 大家好呀，最近我在研究LLM，但是是本地大语言模型。其中我主要使用的软件是Ollama。 Ollama可以方便的下载及运行LLM Ollama提供了一套REST Api，并且已经有了ollama-js这个库，可以方便的调用接口，所以我们可以自己写一套WebUI。 那么为什么不用别人写好的呢？我 ...

使用 vxe-table 实现分组表头子列之间进行拖拽，限制允许子列进行拖拽 官网：https://vxetable.cn 安装 npm install vxe-pc-ui@4.3.55 vxe-table@4.10.0 // ... import VxeUI from 'vxe-pc-ui' im ...

响应式 支持 各种设备 ， PC端，手机端！！！ 代码界的瑞士军刀-宇宙深邃流星设计 嘿，开发小伙伴们！是不是又在为权限管理和重复代码烦恼了？别急，今天给大家安利一个超实用的神器——内置RBAC权限框架 + JWT认证，还有超级方便的代码生成器和通用组件库！让你的开发效率翻倍，轻松搞 ...

‍ 写在开头 点赞 + 收藏 学会 获取一个高度会变的元素的高度 这里获取高度只是为了用遮罩层覆盖住可编辑的内容！ script 代码： let bigBoxHeight = ref(0); // 获取到元素 let bigBox = document.querySelector ...

前言 很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来教你不定高如何实现。PS：建议先看看欧阳的上一篇 如何实现一个定高虚拟列表 后再来看这篇效果更 ...

Vue3封装一个ElementPlus自定义上传组件2--无弹窗 写在前面： 无弹窗的上传组件它来了，依旧是小巧又好用，只不过这回我用的是前端直传的方式，采用http-request进行文件上传，中间有一些小坑，但幸运的是全都解决啦，组件很简单，但是用来学习是最好不过了，个人感觉我的注释应该也是浅显 ...

一.动画原理和应用 three的动画大概就是通过不同时间的关键帧来实现 加载一个手机模型 在这个对象里面，注意后期都是直接通过可视化软件Blender编辑好关键帧就能实现动画，这也是个已经编辑好的动画模型，在这个对象里面有一个animations就是动画集，也就是这个物体可以有很多个动画 其中ani ...

‍ 写在开头 点赞 + 收藏 学会 功能实现需要用到MediaRecorder、navigator.mediaDevices.getUserMedia、Blob等API，uniapp App端不支持，需要借助renderjs来实现 实现逻辑 通过navigator.mediaDe ...

自研tauri2.x+vite6+vue3+arco.design客户端os管理系统Tauri2ViteOS。 vue3-tauri2-os原创跨平台Tauri2.0+Vite6+Pinia2+Arco-Design+Echarts+sortablejs桌面端OS管理平台系统。提供macos和win ...

vxe-table 新增数据，插入指定节点位置操作 官网：https://vxetable.cn npm install vxe-pc-ui@4.3.37 vxe-table@4.9.31 // ... import VxeUI from 'vxe-pc-ui' import 'vxe-pc-ui/ ...

前言 虚拟列表对于大部分一线开发同学来说是一点都不陌生的东西了，有的同学是直接使用第三方组件。但是面试时如果你简历上面写了虚拟列表，却给面试官说是通过三方组件实现的，此时空气可能都凝固了。所以这篇文章欧阳将会教你2分钟内实现一个定高的虚拟列表，至于不定高的虚拟列表下一篇文章来写。 欧阳也在找工作，坐 ...

这个问题需要分以下两个步骤解决： 检查抖动的页面组件是否有多个根节点 增加离开过渡的css样式 v-leave-to: {display: none} 步骤1（检查抖动的页面组件是否有多个根节点） 我在为路由跳转增加了一个动画，如下： <template> <router-view v-slot=" ...

vue 上传组件 vxe-upload 图片和附件拖拽调整顺序，通过设置 drag-sort 参数就可以启用拖拽排序功能 官网：https://vxeui.com/ 图片拖拽排序 <template> <div> <vxe-upload v-model="imgList" mode="image" ...