组件 常用confirm vue
ant design vue 1.x 和 3.x 自定义表单示例
以下是项目中用到的自定义表单的写法，vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下： import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件，可以在组件里拖动排序，也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件，可以随意拖 ......
界面控件DevExpress WPF流程图组件，完美复制Visio UI！(一)
DevExpress WPF Diagram（流程图）控件帮助用户完美复制Microsoft Visio UI，并将信息丰富且组织良好的图表、流程图和组织图轻松合并到您的下一个WPF项目中。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用 ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
GCC常用编译选项及内置宏
1. __has_include __has_include是一个C++17标准定义的宏,它的用途是检查指定的文件是否存在,从而决定是否继续编译。它可以在头文件包含中使用,这样编译器就可以根据它的返回值来决定是否继续编译,从而提升编译的效率。 用法示例: #if defined __has_incl ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。 为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案： 在服务器端配置，确保所有请求都返回应用程序的入口页 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
Git常用 命令
1，git init 初始化一个新的Git仓库。 这将在当前目录中创建一个名为".git"的子目录，Git会将所有仓库的元数据存储在其中。 2，git clone 克隆一个已存在的仓库。 这会创建一个本地仓库的副本，包括其所有的历史记录和分支。 git clone <仓库链接> 3，git add ......
k8s解析kubeconfig的两种常用方式
k8s v1.19.0 方法1 staging/src/k8s.io/client-go/tools/clientcmd/client_config.goBuildConfigFromFlags函数根据本地kubeconfig文件路径来生成restclient.Config对象。 staging/s ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
linux简单常用命令
1 用户相关 创建新用户、新账号（账户） useradd -m -g 组 新建用户名 -m 自动建立用户家目录 -g 指定用户所在的组，否则会建立一个和用户名同名的组 最好加上 -m，否则没有家目录，还需要一些其他操作，-g可以不加 设置密码 passwd 用户名 Linux下对文件和文件夹切换所有 ......
常用的linux命令 docker常用命令
mkdir 新建目录 rmdir 删除目录 rm只能删除文件，不能删除目录 cp test.txt Documents 进入容器的目录 docker exec -it <container_id_or_name> /bin/bash 挂载容器目录到本地目录 docker run -it -v /ho ......
drf——序列化组件的基本使用
一、准备工作 首先需要一张数据库表（以Book表为例） 在models内书写： class Book(models.Model): name = models.CharField(max_length=32) price = models.BigIntegerField() url： path('b ......
Vue自定义创建项目
基于VueCli 自定义创建项目 顺序： 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint：Standard & Lint on Save 配置文件 dedicated c ......
第六章、Vue3高级
目录二十四、项目实战细节（二）1、组件设置name属性 二十四、项目实战细节（二） 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件名', inheritAttrs: false }) </script> ......
Vue公共loading升级版（处理并发异步差时响应）
公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤： 1.通过全局状态管理定义状态值（vuex、pinia等）。 2.在程序主入口监听状态值变化，从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异，但在第三步中，网上很多博文分享的方法是 ......
Istio从入门到精通—— Istio 的主要组件
Istio 的主要组件 Istio 主要由控制面组件和数据面组件组成。Istio 1.20.0(https://github.com/istio/istio/releases/download/1.20.0/istio-1.20.0-linux-arm64.tar.gz) 默认安装的组件如下： ......
vue 创建项目流程
1、首先在文件下打开cmd运行 cd 到你的目录下面 2、npm init vue@latest 命令创建项目 默认都选否，具体需要，后面自行添加 2、根据提示完成下三步操作 这是运行npm install 由于卡住了，就需要进行下一步，手动打开刚刚的目录文件 并且在该目录下，运行cmd，并输入，n ......
Linux常用命令记录
Linux常用命令记录 系统目录结构 文件与目录管理命令 Linux的文件目录是树状结构，最顶级的目录为根目录/，其他目录是通过挂载将其添加到文件树上，通过解除挂载将其移除。 首先先了解什么是绝对路径和相对路径 绝对路径：从根目录开始的完整路径描述，通常以 / 开头，从根目录root一直到目标目录 ......
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件，然后越熟悉ffmpeg越觉得它的牛叉，以前觉得视频处理需要高深莫测的技术，ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具，包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印，先上效果图。 上一篇文章介绍 ......
Vue中的路由
概念 1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理 2）前端路由：key是路径，value是组件 3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面） Route（路由） Route ......
ROS2常用代码
常用代码 1.编译文件包 colcon build //全部编译 --packages-select <project_name> //选择单独编译的项目包 2.创建新的工程文件包 ros2 apk create <project_name> //创建项目 --build-type <ament_c ......
CH573 CH582 CH592 CH579常用库函数记录
一：系统篇： 软件复位 SYS_ResetExecute(); 延时函数 mDelaymS（1）； //延时1ms mDelayuS（1）； //延时1us 设置晶体匹配电容 void HSECFG_Capacitance(HSECapTypeDef c); //外部高频32MHZvoid LSEC ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
vue2+element+vue-quill-editor实现富文本框组件（使用链接引入视频+上传本地视频+上传本地图片）
参考文档：https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述，npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue： <template> <div class=""> <!-- 富文本框 --> <qui ......
14、Flutter Card组件
Card是卡片组件块，内容可以由大多数类型的Widget构成，Card具有圆角和阴影，这让它看起来有立 体感。 Card实现一个通讯录的卡片 class MyApp2 extends StatelessWidget { const MyApp2({super.key}); @override Wid ......
从ubuntu中获取常用命令源码
1、运行sudo software-properties-gtk命令，等待窗口弹出后选中源代码并关闭 下面以userdd命令为例： 1、用which命令查找所在目录 2、运行以下命令dpkg -S /usr/sbin/useradd 说明系统已在/usr/sbin/useradd位置下安装passw ......