表单validatefield动态vue
Vue.js 缓存路由组件
视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
7663: 股票买卖 动态规划/线性dp
描述 最近越来越多的人都投身股市，阿福也有点心动了。谨记着“股市有风险，入市需谨慎”，阿福决定先来研究一下简化版的股票买卖问题。 假设阿福已经准确预测出了某只股票在未来N天的价格，他希望买卖两次，使得获得的利润最高。为了计算简单起见，利润的计算方式为卖出的价格减去买入的价格。 同一天可以进行多次买卖 ......
静态绑定，动态绑定，静态类型，动态类型
静态类型：对象在声明时采用的类型，在编译期既已确定； 动态类型：通常是指一个指针或引用目前所指对象的类型，是在运行期决定的； 静态绑定：绑定的是静态类型，所对应的函数或属性依赖于对象的静态类型，发生在编译期； 动态绑定：绑定的是动态类型，所对应的函数或属性依赖于对象的动态类型，发生在运行期； #in ......
Vue.js 编程式路由导航
视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......
7662: 大盗阿福 01背包/动态规划
描述 阿福是一名经验丰富的大盗。趁着月黑风高，阿福打算今晚洗劫一条街上的店铺。 这条街上一共有 N 家店铺，每家店中都有一些现金。阿福事先调查得知，只有当他同时洗劫了两家相邻的店铺时，街上的报警系统才会启动，然后警察就会蜂拥而至。 作为一向谨慎作案的大盗，阿福不愿意冒着被警察追捕的风险行窃。他想知道 ......
linux开发之gcc与g++区别，静态库、动态库
gcc 广义上指GNU编译器套装（英语：GNU Compiler Collection，缩写为GCC）是GNU计划制作的一种优化编译器，支持各种编程语言、操作系统、计算机系统结构。 狭义上指GNU C语言编译器（GNU C Compiler）。 常用gcc/g++参数。 |编译选项|说明| |:-| ......
7660: 糖果 动态规划
描述 由于在维护世界和平的事务中做出巨大贡献，Dzx被赠予糖果公司2010年5月23日当天无限量糖果免费优惠券。在这一天，Dzx可以从糖果公司的N件产品中任意选择若干件带回家享用。糖果公司的N件产品每件都包含数量不同的糖果。Dzx希望他选择的产品包含的糖果总数是K的整数倍，这样他才能平均地将糖果分给 ......
7659: 计算字符串距离 动态规划
描述 对于两个不同的字符串，我们有一套操作方法来把他们变得相同，具体方法为： 修改一个字符（如把“a”替换为“b”）; 删除一个字符（如把“traveling”变为“travelng”）。 比如对于“abcdefg”和“abcdef”两个字符串来说，我们认为可以通过增加/减少一个“g”的方式来达到目 ......
5752: 最长公共子序列 动态规划
描述 一个给定序列的子序列是在该序列中删去若干元素后得到的序列。确切地说，若给定序列X=<x1,x2,…,xm>，则另一序列Z＝<z1，z2，…，zk>是X的子序列是指存在一个严格递增的下标序列<i1,i2,…,ik>,使得对于所有j=1,2,…,k有： Xij=Zj 例如，序列Z=<B,C,D,B ......
[转]使用vscode创建vue文件时，自动生成vue文件模板
原文链接：https://blog.csdn.net/qq_45832807/article/details/105429613 在vscode中没有像hubilder一样，创建vue文件后就自动生成vue模板。 但是我们可以自己创建vue.json文件自定义配置。 记录一下我自己配置的过程🤭 1 ......
针对form 表单 只有一个输入框的时候 使用回车查询会刷新页面问题
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> <el-form-item label="表单名" ......
记录-vue项目中使用PWA
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言： 梳理了一下项目中的PWA的相关用法，下面我会正对vue2和vue3的用法进行一些教程示例，引入离线缓存机制，即使你断网，也能访问页面。一旦用户访问了我们的网页，我们就像牛皮糖一样粘连着他，他永远都可以访问，即使断网也能访问。有一天 ......
Vue3为dom组件增加 自定义可拖拽改变大小的指令（属性）
添加如下js文件resizable.js： 1 // 支持上下左右四边拖动。若内部元素太贴边，不易触发拖动事件，最好在拖动一边加边框，使鼠标容易选中。 2 // 使用方式： 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......
vue项目之scoped
说明 当一个父组件定义了style之后，子组件的相关style也会受到影响，这时可以通过添加scope属性解决。 代码 <!--将h1标签定义为背景色为gree，这时，子页面的h1标签也会受到影响--> <style> h1 {background-color: green} </style> 解决 ......
VUE中的插槽使用详解
<!-- 什么是插槽 ？ *插槽就是子组件中的提供给父组件使用的一个占位符，插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。 一般用slot标签来表示插槽要渲染的位置，slot的用法可以分为三类，分别是默认插槽、具名插槽、作用域插槽 父组件向子组件传递内容，内容，内容 ......
vue之Vue-CLI
什么是Vue-CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。 为什么要使用Vue-CLI（来自官网） https: ......
thymeleaf 动态添加class样式
根据后台所返回的数据动态调整样式 1、th:class <label th:class="${t.isRequired}==1 ? 'col-sm-3 control-label is-required' : 'col-sm-3 control-label' " th:text="${t.field ......
新人必看| 移动端“动态化”是什么意思？
在移动开发领域，为了让APP保持最新的版本，同时让业务开发变得更加快捷，动态化技术极其重要。今天就来聊聊移动端动态和开发的由来和各流派的优缺点。 移动端动态化的由来 “动态化”并不是最近几年才产生的名词，而是从从互联网诞生的初期，这个词就已经出现了。大家所认知的早期互联网，其实就是各种各类的“动态网 ......
vue map 从一组对象中得到一个新的对象
示例数据： let list=[{id:1,name:"张三"},{id:2,name:"李四"}] 1、使用 map 取name 属性得到一个string 数组 let arr= list.map(pro=>pro.name)； 2、使用map 得到一个新的对象集合 let arr=list.ma ......
day02-JavaScript-Vue
1 JavaScript 1.1 函数 在java中我们为了提高代码的复用性，可以使用方法。同样，在JavaScript中可以使用函数来完成相同的事情。JavaScript中的函数被设计为执行特定任务的代码块，通过关键字function来定义。接下来我们学习一下JavaScript中定义函数的2种语 ......
vue pug怎么写for循环
在 Vue 的模板语法中（包括 Pug），可以使用 `v-for` 指令来进行循环渲染数据。 如果使用 Pug 来书写模板的话，可以使用如下的语法： ```pugul li(v-for="item in list" :key="item.id") {{ item.name }}``` 上面的代码表示 ......
Vue 的模板语法中lang=pug用法
Pug 是一种高效的、简洁的模板引擎，它使用缩进、可选的括号和强制缩写等语法规则来简化 HTML/CSS/JS 的书写。Pug 简化了模板的书写，可以通过缩进来表示嵌套关系，使用小括号包裹指令和属性，并且使用换行符来分隔标签，使得代码层次更加清晰有序。 举个例子，以下是一个常见的 HTML 表单： ......
vue动态style el-table-column 状态 颜色
<el-table-column prop="processStatusName" label="状态" width="100" align="center" > <template slot-scope="scope"> <span :style="{ color: setColumnColor( ......
antd 表单里加tooltip不生效问题
antd的form表单的label后面加一个问号icon，hover展示提示， 但是加进去之后，hover不提示，最后发现原因是因为labelCol，不清楚为啥，反正去掉就能提示， 加上就不提示， 所以最后把这个labelCol去掉了，自己在CSS里写的样式 修改antd form表单自己的样式，需 ......
基于vue和vite的cesium、cesiumNavigation使用--（1）项目构建及引入
系统信息 windows10 LTSC 21H2 vscode：1.77.1 nodejs：18.15.0 npm：9.5.0 版本信息 vue：3.2.47 vite：4.1.4 cesium：1.104.0 vue-router：4.1.6 默认在以上的js相关版本下构建环境，并包括创建vu ......
Vue.js router-link的replace属性
视频 8.<router-link>的replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-lin ......
参展动态 | 璞华受邀出席第七届电气化交通前沿技术论坛&展会
璞华在帮助用户进行数字化转型（Digital Transformation）、智能化升级（Intelligence Upgrade）、云端化变革（Cloud Evolution） ......
AI对关于用vue构建低代码平台的认识
写一个完整的低代码平台需要考虑到很多方面，包括需求分析、架构设计、UI/UX设计、后端开发以及前端实现等。下面是一个实现Vue低代码平台的大致步骤： 1. 需求分析：明确低代码平台的核心功能和用户需求，例如表单设计器、流程设计器、报表设计器、数据可视化等。 2. 架构设计：根据需求分析，设计一套合理 ......
vue项目打包成镜像
将发布好的文件夹dist传输到服务器上， 假设在/apps/dist。 新建Dockerfile文件，路径为/apps/Dockerfile（与dist同级） FROM nginx # 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面，其中dist是相对于Do ......
基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件，自动全局导入api的注意事项
1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置，红色部分就是关于插件的基础自动导入部分，这样就可以将vue和router的相关api全局导入了， import A ......