Vue官网：https://vuejs.org/ 配置环境 终端： Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。 安装Node.js： 需要在node运行环境下调试，安装LTS版（长期支持、稳定版）。 安装地址：htt ...

前言 Svelte，一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构 ...

vxe-table 实现双击自适应行高，行高拖拽调整高度 官网：https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击自适应行高 <t ...

vxe-table 如何将行标记为删除状态，不是直接删除 官网：https://vxetable.cn vxe-table 支持直接将数据标记待删除状态，通过调用 setPendingRow 方法标记为待删除状态 <template> <div> <vxe-button status="error" ...

最新新版本 vxe-table 分组列也支持列宽调整宽度了 官网：https://vxetable.cn https://github.com/x-extends/vxe-table 通过参数 column-config.resizable 启用列宽拖拽功能 <template> <div> <vx ...

Pinia.js是Vue3.x项目中推荐的用于状态管理的工具。它支持完整的 TypeScript，轻量且体积小，同时去除 mutations 和 actions。此外，它还支持同步和异步，没有模块嵌套，提供更好的开发体验。 ...

如果通过 vxe-table 实现 Excel，可以和 Excel、WPS 复制粘贴 官网：https://vxetable.cn <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions" @cell-area-selection-e ...

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进行文件上传，中间有一些小坑，但幸运的是全都解决啦，组件很简单，但是用来学习是最好不过了，个人感觉我的注释应该也是浅显 ...