vxe-table grid 分享实现单元格编辑表格表尾合计实时计算
在使用 vxe-grid 时，需要实现表尾合计功能，通过单元格编辑之后，实时自动计算表尾合计的值，自动更新表尾合计数据，实现方式通过监听change 事件，从而实现实时更新合计功能。 官网：https://vxetable.cn 可以使用插槽模板，也可以使用配置式，下面是配置式的用法： <templ ...
Threejs的三维坐标系
title: 05-三维坐标系 在三维空间中，所有的物体和相机都需要基于一个统一的坐标系来进行定位和操作。理解坐标系的基本概念，对于创建稳定、准确的三维效果至关重要。 基础 Three.js 采用的是右手坐标系，这意味着如果你将右手的三个手指伸直，分别指向 X、Y 和 Z 轴的方向，你的拇指指向的方 ...
Mapbox 轻松规划起始点轨迹
写在开头 点赞 + 收藏 学会 不翻墙也能使用的地图还有Mapbox 安装 npm install --save axios npm install --save mapbox-gl npm install --save @mapbox/mapbox-gl-direction ...
Nuxt.js 应用中的 webpack：done 事件钩子
title: Nuxt.js 应用中的 webpack：done 事件钩子 date: 2024/11/26 updated: 2024/11/26 author: cmdragon excerpt: webpack:done 钩子用于处理 Webpack 编译完成后的逻辑。在 Webpack 编译 ...
看不懂来打我，Vue3的watch是如何实现监听的？
前言 watch这个API大家都很熟悉，今天这篇文章欧阳来带你搞清楚Vue3的watch是如何实现对响应式数据进行监听的。注：本文使用的Vue版本为3.5.13。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 看个demo 我们来看个简单的demo，代码如下： <template> <but ...
pnpm 是如何颠覆 npm 和 yarn 的？
今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击 。我们从包管理工具的发展历史，一起看下到底好在哪里？ ...
Nuxt.js 应用中的 webpack：error 事件钩子
title: Nuxt.js 应用中的 webpack：error 事件钩子 date: 2024/11/25 updated: 2024/11/25 author: cmdragon excerpt: webpack:error 钩子是用于在 Webpack 编译过程中捕获和处理错误的一个重要机制 ...
vxe-modal 实现窗口拖拽调整宽高
vxe-modal 实现窗口拖拽调整宽高 官网：https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="showPopup = true"></vxe-button> <vxe-modal v-model="show ...
vxe-modal 实现窗口最大化与最小化
vxe-modal 实现窗口最大化与最小化 官网：https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="openEvent"></vxe-button> </div> </template> <script> im ...
vxe-form table 表单使用数据校验
官网：https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent"> </vxe-form> </div> </template> <script ...
vxe-form table 实现折叠表单
官网：https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent"> </vxe-form> </div> </template> <script> import { VxeUI } f ...
vxe-form table 表单实现简历模板
官网：https://vxeui.com <template> <div> <vxe-form v-bind="formOptions"></vxe-form> </div> </template> <script> export default { data () { const formOpti ...
Driver.js：轻量级用户引导插件，小而美的界面，让用户体验飞起来！
Driver.js是一个轻量级、易用的JavaScript库，专为网站用户引导而设计。它通过在页面元素上添加交互式箭头和说明，帮助用户快速了解网站功能。使用Driver.js，开发者能够轻松创建引导流程，提升用户体验。 ...
推荐 vue 最好用非常强大表格组件 vxe-table，vue 哪个表格组件好用
vxe-table 是一个全功能 vue 表格库，非常强大的功能基本可以满足对表格对表格的一切需求。不管是普通列表，大数据列表。可编辑表格，数据校验、Excel 单元格选择、复制粘贴等。。。 官网：https://vxetable.cn gitee 安装 npm install vxe-pc-ui@ ...
vxe-table 实现打印出货单、自定义单据打印
vxe-table 内置非常强大 H5 打印，只需要传入 html 代码和 css 样式，就可以实现任何复杂的打印 官网：https://vxeui.com <template> <div> <vxe-button @click="printEvent">点击打印</vxe-button> <div ...
vxe-table 秒级渲染万级数据、极致流畅横向虚拟滚动与纵向虚拟滚动+自适应动态行高
官网：https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高，vxe-table 新版本发布后，已经可以支持虚拟滚动和动态行高了。如果需要同等行高，只需加上 show-overflow 就可以了，同等行高的渲染性能是最优的，动态行高支持的最大数量低非常多。 建议非必要的场景应该使 ...
神了！两个高仿 BiliBili 客户端！
pilipala —— 使用 Flutter 开发的 BiliBili 第三方客户端，适配移动(Android、iOS)，暂时没有适配桌面端、Pad 端、手表端等。 ...
Nuxt.js 应用中的 webpack：change 事件钩子
title: Nuxt.js 应用中的 webpack：change 事件钩子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通过webpack:change钩子，开发者可以知道哪些文件被修改，并可以进行适当的处理，比如 ...
vxe-table 设置单元格对齐方式，左对齐、右对齐
官网：https://vxeui.com/ <template> <div> <vxe-table border header-align="center" align="left" :data="tableData"> <vxe-column type="seq" width="70"></vxe ...
js+jquery实现贪吃蛇经典小游戏
项目只使用到了html,css,js,jquery技术点，没有使用游戏框架，下载本地直接双击index.html 运行即可体验游戏效果。 项目展示 进入游戏 游戏开始 游戏暂停 html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...