表单validatefield动态vue
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS？ JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现 ......
”file not recognized: file format not recognized“错误，不同架构动态库交叉编译的学习记录
在学习modbus协议时，发现了一些关于libmodbus库编译的问题 我将虚拟机作为客户端，树莓派作为服务器端，分别编写modbus-tcp协议的客户端/服务器端代码 在ubuntu虚拟机上可以成功编译，但是在树莓派上会报：”file not recognized: file format not ......
Java中常用算法及示例-分治、迭代、递归、递推、动态规划、回溯、穷举、贪心
场景 1、分治算法的基本思想是将一个计算复杂的问题分成规模较小、计算简单的小问题求解， 然后综合各个小问题，得到最终答案。 2、穷举(又称枚举)算法的基本思想是从所有可能的情况中搜索正确的答案。 3、迭代法(Iterative Method) 无法使用公式一次求解，而需要使用重复结构(即循环)重复执 ......
Delphi 调用 c# 动态库-委托实现回调
由于Delphi 的局限性，有时候有的功能可能无法实现，需要借助与其他语言实现，比如C#,这里演示一下Delphi 如何调用C#动态库 c# 作为面向对象语言，其中所有的定义和Java 一样，一切皆对象，因此在编写动态链接库的时候需要符合com标准，而委托作为方法的指针，在Delphi 中调用需要把 ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
Java 动态调试技术原理及实践 Java动态追踪技术探究 动态改变内存中已存在对象的行为
小结： 1、 【基本功】Java动态追踪技术探究 https://mp.weixin.qq.com/s/_hSaI5yMvPTWxvFgl-UItA 【基本功】Java动态追踪技术探究 xinzhongtianxia 美团技术团队 2019-02-28 20:28 总第339篇 2019年 第17篇 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
vue 预览PDF、Docx、EXCEL文件
<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
vue生命周期（钩子函数）
介绍 Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。 生命周期： vue实例从创建到销毁的过程。 生命周期钩子： 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr ......
AOP底层原理-Cglib动态代理
public class App { public static void main(String[] args) { UserService userService = UserServiceCglibProxy.createUserServiceCglibProxy(UserServiceImp ......
ZR.Admin小改和VUE3版本体验
阿峰从事编程二十年了，虽然没有成为架构师，却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依，后来发现了它的.net 版本实现-ZR.Admin。从此一发不可收拾，崇拜的五体投地。对它作了些改动，记录下来。 ......
使用vue3创建后台管理项目
最后案例： 一：创建一个 Vue 应用 打开控制台： npm init vue@latest 输入你需要创建的项目名称，一路回车 下载需要的包，如下： "dependencies": { "@element-plus/icons-vue": "^2.1.0", "axios": "^1.3.5", ......
Ruoyi-vue 左侧菜单栏默认保持收缩
在项目的 src\store\modules\app.js 路径下 sidebar: { opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false, // 如果不想这个读cookie，那么就直接设置为 ......
vue创建项目
###cmd（以管理员身份运行） vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode（以管理员身份运行） 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
动态库、静态库
函数库： 库是将源代码转换为二进制格式的源代码，别人可以使用库，但不能看到库中的内容。 静态函数库： 在程序在编译的时候就加入到目标程序中 优点： 1. 静态库被编译到程序中，加载速度快； 2. 发布程序时无需提供静态库，因为已经包含在程序中，所以移植方便 缺点： 1. 链接时全部拷贝到了程序中，多 ......
6.自定义Form表单验证
在web程序中存在大量的表单数据验证，而我们通过self.get_argument(arg)进行获取用户输入参数验证会存在的重复代码 1.自定义表单app.py文件代码如下：MyForm类对象属性中封装需要验证的字段并与浏览器中验证的字段保持一致，MyForm类中check_valid方法获取用户输 ......
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
element-ui校验表单只能输入数字
element-ui校验表单只能输入数字 原文链接：https://blog.csdn.net/q879936814/article/details/126788782 接到需求，让表单中只能输入数字，使用v-model的.number可以实现，但是不能以0为开头；又试了rule加type=numb ......
vue2源码-二、对象响应式原理
// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
spring boot单库动态分表实现【增删查】（含源码）
一.背景 现实场景中当个别业务数据量过大时会影响系统功能性能，当整个业务还没有达到分库的级别时，动态分表也是一个的选择，基本思想是按照一定维度将数据分表存储动态查询。本次实现的是基于springboot的单表动态增删查，首先分表的规则根据一个格式生产，包含时间在其中，每一条数据都可以解析其数据存在的 ......
vue项目打包不起：FATAL ERROR: Zone Allocation failed - process out of memory
背景：vue3 + ts 的项目，admin plus框架 ，打包不起node 版本 v16.13.1 网上搜索了，解决方法 1.设置环境变量NODE_OPTIONS--max-old-space-size=4000 ！！！！设置这个会导致阿里云oss浏览器无法打开 2. 在package.json ......
Vue3定义响应式变量
ref和shallowRef ref 深层次 shallowRef 浅层次的响应 ref 和 shallowRef 是不能一块写的，不然 会影响shallowRef 造成视图的更新 ref和reactive ref 支持所有类型 reactive 支持引用类型 (Array Object Map S ......