表格 表头 动态vue3
Mybatis Sql 动态 插入
public interface CustomizeMapper { void dynamicInsert(@Param("tableName") String tableName, @Param("list") Collection<JSONObject> list); int dynamicUp ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
C++ 动态库热加载
文章整体比较基础，适合初学者，通过本文可以学习到以下知识点
1. 关于 C++ 程序如何编译运行，如何运行时加载动态库（使用 `dl*` API）。
2. 如何设计简洁易用的库 API 供用户使用。
3. 如何使用 CMake 组织并构建一个包含可执行程序、动态库和头文件库的项目。
4. 如何使用... ......
公共Hooks封装之表格选择操作useTableRowSelection
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：为什么封装 useTableRowSelection.js 首先， 基于 Hooks（useTableData.js、useQueryParams.js）的封装，作为管理后台表格常见操作的批量删除、批量编辑 ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
公共Hooks封装之自定义表格数据列渲染useTableColumns
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：何为自定义表格数据列渲染，其为何种场景服务 根据实际业务场景而来，为避免法律风险，部分截图内容脱敏处理 如下图，当表格内容的列非常多时，正常情况下，我们通常采取的方式是左右两侧的列，即左侧 Key 列和右侧 ......
公共Hooks封装之表格数据useTableData
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解：声明变量 import { ref, shallowRef, isRef } from "vue"; const loading = ref(false); // 表格数据UI交互Loading const ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
数码管动态显示-04
动态显示驱动模块 point：输入小数点信号，高电平有效，这里我们假设要让第二个数码管显示小数点，其余数码管不显示小数点，那么此时 point 的输入的值就应该是 6’b000010。 seg_en：数码管使能信号，这里一直让其拉高即可。 data：输入的十进制数据，假设这里我们输入的十进制数为 9 ......
24-数码管动态显示03
数码管动态显示 二进制码转变为BCD码 动态显示驱动模块,是将传入的待显示的十进制数据,转换为位选和段选信号,传入的数据data是由数据产生模块产生的 二进制表示的十进制数需要转变为BCD码表示的十进制数,从而产生位选和段选信号 BCD码是使用四位二进制数表示二进制数 BCD码分为有权码(8421码 ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
Ef Core花里胡哨系列(10) 动态起来的 DbContext
Ef Core花里胡哨系列(10) 动态起来的 DbContext 我们知道，DbContext有两种托管方式，一种是AddDbContext和AddDbContextFactory，但是呢他们各有优劣，例如工厂模式下性能更好呀等等。那么，我们能否自己托管DbContext呢？ Github Dem ......
k8s~动态生成pvc和pv
有时，我们不想手动建立pv和pvc，这时，我们可以通过strongClass存储类来帮我们实现，动态建立pvc,并动态为它分配pv存储空间，我们以nfs为例，说一下动态分配在nfs存储截至上建立pv的方式。 本文导读 StorageClass和PVC及PV 集群权限与绑定rbac.yaml 建立动态 ......
富文本编辑器wangEdiotr，编辑表格后，重新打开组件报错Error in callback for watcher “value“: “Error: Cannot find a descenda（json爆红）
报错内容 原因：每次打开对话框，editor组件只创一次，关闭对话框也不会被销毁。所以：只要每次打开都重新渲染Editor组件就好了。 解决办法：在上加上v-if <editor v-model="form.noticeContent" :min-height="192" v-if="open"/> ......
学习笔记437—excel表格中向上取整数的公式
EXCEL表格中向上取整数的公式 1、打开EXCEL表格，在表格中输入数据。 2、在计算单元格内输入函数公式“=ROUNDUP(B16/40,0)”，第二个参数0，即是往上舍入取整数。 3、按下回车，表格里计算的数据全部向上舍入取整数。 ......
kendoui grid动态创建列Dynamic Columns
Create Grids with Dynamic Columns and Data Types Create Grids with Dynamic Columns and Data TypesEnvironmentProduct Progress? Kendo UI? Grid for jQuer ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
PPT-带有质感的动态文字动画
如何制作带有背景视频动画和背景音乐的PPT 根据上面的图示；分两步操作： 1、首先获取文字+图片的相交部分【字体最好粗一点，大一点】 插入一个矩形框覆盖全部，并至于文字底部，按住ctrl一次选择填充的背景和文字，形状格式--合并形状--结合 2、插入背景音频和影片，并设置播放方式 注意事项: 1、艺 ......
Vue3使用vue-video-player组件
1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ，会无效的 同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效 因此，正确的绑定办法是，在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
Excle表格：vlookup函数详解，通俗易懂篇
Vlookup函数是电子表格中的一个查找匹配函数，适用于Excel与WPS各个版本。 在所有的函数中，vlookup函数应该是使用频率最高的函数之一，对新手小伙伴来说，掌握它是十分有必要的。 本篇文章从其基本用法、进阶用法、匹配不出来原因分析、如何规避错误值、冷门用法科普等五个维度来详细介绍下vlo ......
form-create 是一个可以通过 JSON 生成具有动态渲染
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 实例地址：http://form-create.com/v2/guide/ ......
vue3教程（1 快速入门）
一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
element 表格排序展示 动态
<template> <div> <el-row> <el-col :span="2"> <div class="grid-content bg-purple"> <el-input v-model="user.name" placeholder="请输入 姓名"></el-input> </div ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
element中table表格-某列根据条件合并成多个单元格
###export default 和export的区别？ export命令，为模块指定默认输出。 一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面demo说明使用：``` <template> < ......
动态规划之最长回文子串
回文子串基本是动态规划里面的应用示例之一。虽然在实际中或者网上，我没有找到回文子串的使用案例。 #include <stddef.h> #include <stdio.h> #include <string.h> void longestPalindrome(char str[100],size_t ......