Ionicons图标库是一个专为移动应用和网页设计的开源图标集合，包含超过1000个精致图标，支持SVG格式，易于集成和自定义。使用Ionicons可以增强UI视觉效果，提高用户体验。开发者可在官网免费下载，通过CSS类名直接引用图标，或使用npm/yarn安装。适用于Ionic框架项目，也兼容其他... ...

当需要再表格中的某个字段是关联另外一张表示，需要将从另外表选择数据，并将数据保存在当前行中 官网：https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"> <template #action="{ row }"> <vx ...

一.uv贴图 在3D计算机图形学中，UV映射是一种将2D纹理映射到3D模型表面的方法。在这里，“U”和“V”代表了2D纹理空间的坐标，这与2D笛卡尔坐标系统中的“X”和“Y”是类似的。在3D模型的每个顶点上，都会有一组对应的UV坐标，它们定义了3D模型在这个顶点上的表面应当对应纹理图像的哪个部分。 ...

title: Nuxt.js 应用中的 dev：ssr-logs 事件钩子 date: 2024/11/28 updated: 2024/11/28 author: cmdragon excerpt: dev:ssr-logs 是一个用在服务器端渲染（SSR）中，用于输出日志的事件钩子。这个钩子会在 ...

在公司开发大型项目中，使用主流表格库 vxe-table v3 和 ant-design-vue 组件库，可以在可编辑单元格中渲染非常简单的使用更多的组件 官网：https://vxetable.cn 安装 npm install vxe-pc-ui@3.3.9 vxe-table@3.11.10 ...

在 vxe-table 启用列多选功能，通过参数 column.type = 'checkbox' 设置类型为多选类型就可以了。 官网：https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </ ...

在 vxe-table 启用列单选功能，通过参数 column.type = 'radio' 设置类型为单选类型就可以了。 官网：https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div ...

这两天没有上传笔记，在解决图床的问题，主打一个白嫖，所以要费点心思，先是用了gitee的图床好不容易配好后发现居然加了防盗链，后面又转了github的咱目前来说github也是最稳定且免费的，但是有个问题，这玩意得用梯子才能看到，作为国内的博客谁随时挂个梯子上来，所以最后还是用了收点费不是很多，但能 ...

在 vxe-table 使用排序功能非常简单，给列加上 columns.sortable 属性就可以启用列的排序功能，当然这是本地排序，就是对当前已加载过当前页的数据进行排序。对于查询列表列表，项目中使用最多的是服务端排序，因为大部分都涉及分页。 前端排序 这样就可以启用前端数据排序，仅限于当前页 ...

在日常的前端开发工作中，我们经常依赖各种命令行工具来提高效率和代码质量。例如，create-react-app 和 eslint 等工具不仅简化了项目的初始化过程，还能自动执行代码检查和格式化任务。当我们使用这些工具时，它们通常会通过一系列互动式的问答来收集必要的信息，从而根据我们的选择进行相应的配 ...

实现表格数据分组，按指定字段数据分组，使用树结构来实现分组功能。 官网：https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script> import ...

正常情况下如果需要使用文本超出隐藏，通过 css 就可以完成 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是如果需要实现多行文本溢出，就很难实现里，谷歌浏览器虽然支持 css 多行溢出，大部分浏览器又不支持，所以作 ...

title: Nuxt.js 应用中的 webpack：progress 事件钩子 date: 2024/11/27 updated: 2024/11/27 author: cmdragon excerpt: webpack:progress 钩子用于监听 Webpack 在构建过程中的进度更新。这 ...

在使用 vxe-grid 时，需要实现表尾合计功能，通过单元格编辑之后，实时自动计算表尾合计的值，自动更新表尾合计数据，实现方式通过监听change 事件，从而实现实时更新合计功能。 官网：https://vxetable.cn 可以使用插槽模板，也可以使用配置式，下面是配置式的用法： <templ ...

title: 05-三维坐标系 在三维空间中，所有的物体和相机都需要基于一个统一的坐标系来进行定位和操作。理解坐标系的基本概念，对于创建稳定、准确的三维效果至关重要。 基础 Three.js 采用的是右手坐标系，这意味着如果你将右手的三个手指伸直，分别指向 X、Y 和 Z 轴的方向，你的拇指指向的方 ...

‍ 写在开头 点赞 + 收藏 学会 不翻墙也能使用的地图还有Mapbox 安装 npm install --save axios npm install --save mapbox-gl npm install --save @mapbox/mapbox-gl-direction ...

title: Nuxt.js 应用中的 webpack：done 事件钩子 date: 2024/11/26 updated: 2024/11/26 author: cmdragon excerpt: webpack:done 钩子用于处理 Webpack 编译完成后的逻辑。在 Webpack 编译 ...

前言 watch这个API大家都很熟悉，今天这篇文章欧阳来带你搞清楚Vue3的watch是如何实现对响应式数据进行监听的。注：本文使用的Vue版本为3.5.13。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 看个demo 我们来看个简单的demo，代码如下： <template> <but ...

今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击 。我们从包管理工具的发展历史，一起看下到底好在哪里？ ...

title: Nuxt.js 应用中的 webpack：error 事件钩子 date: 2024/11/25 updated: 2024/11/25 author: cmdragon excerpt: webpack:error 钩子是用于在 Webpack 编译过程中捕获和处理错误的一个重要机制 ...