事项vue cli 01

day01 总结【苍穹外卖 - day01】

一、员工登录 1. EmployeeController @Autowired EmployeeService JwtProperties @PostMapping("/login") 二、全局异常处理器 三、登录拦截器 四、退出登录 五、员工分页 六、新增员工 七、回显员工 八、修改员工 九、启用 ......
苍穹 day 01

【模板】01背包问题

一个在旅途中的长者有一个最多能用$M$公斤的背包,现在有$n$件物品,它们的重量分别是$W1,W2,...,Wn$,它们的价值分别为$C1,C2,...,Cn$.求旅行者能获得最大总价值。 ## 输入 - 第1行:两个整数,$M$(背包容量,$M\le200$)和$n$(物品数量,$n\le30$) ......
背包 模板 问题

VUE3

https://github.com/moocstudent/vue-war 昨天通过vue官网建立了vue项目,逐渐看了下组合式/选项式 API的区别 虽然在前几个月里,通过做SH的伙计给的单子接触了VUE ANTD,但是实际 上对其原理未知(难道只能说跟前天面试的一样,问Jquery是跟JS都是 ......
VUE3 VUE

vue3中computed计算属性函数

# vue3中computed计算属性函数 ``` 目标:现在vue3的使用越来越普遍了,vue3这方面的学习我们要赶上,今天说一下vue3中computed计算属性的使用。 ``` **computed函数在vue2中我们都了解过,当我们需要一个值,这个值随着其他值变化而变化,我们就将其放进com ......
函数 computed 属性 vue3 vue

电子公文传输系统-你先别急队-注意事项

# ♦配置+修改♦ 操作环境: - Tomcat9.0 - JRE 1.8 - eclipse:2022-03 (4.23.0) ## 1. JRE的加密策略需要切换到unlimited模式 首先找到eclipse下jre的路径: ![image](https://img2023.cnblogs.c ......

【模型部署 01】C++实现分类模型(以GoogLeNet为例)在OpenCV DNN、ONNXRuntime、TensorRT、OpenVINO上的推理部署

深度学习领域常用的基于CPU/GPU的推理方式有OpenCV DNN、ONNXRuntime、TensorRT以及OpenVINO。这几种方式的推理过程可以统一用下图来概述。整体可分为模型初始化部分和推理部分,后者包括步骤2-5。 以GoogLeNet模型为例,测得几种推理方式在推理部分的耗时如下: ......

基于Electron24+Vite4+Vue3搭建桌面端应用

一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过 vue-cli-plugin-electron-builder ......
Electron 桌面 Vite4 Vite Vue3

Docker CLI docker container commit常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
container 命令 常用 Docker docker

java基于springboot+vue时间管理系统、日记管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 本次设计任务是要设计一个时间管理系统,通过这个系统能够满足时间管理的管理功能。系统的主要功能包括首页,个人中心,系统公告管理,用户管理,时间分类管理,事件数据管理,目标数据管理,用户日记管理等功能。 管理员可以根据系统给定的账号进行登录,登录后可以进入时间管理系统,对时间管理系 ......
管理系统 系统 springboot 源码 文档

Vue computed出现Error in render: "TypeError: XXX is not a function"问题

原来: computed:{ currentTimeA: function() { return Date.now(); } } <div>{{currentTimeA()}}</div> 在运行的时候出现vue.js:634 [Vue warn]: Error in render: "TypeEr ......
quot TypeError computed function render

构建之法阅读笔记01

《现代软件工程构建之法》第一章概论介绍了软件工程的概念、软件危机及其原因,以及现代软件工程的目标、方法和原则。阅读完本章后,我深刻认识到以往自己在软件开发中存在的问题,也对如何提高软件开发的效率和质量有了更深入的思考。个人感受:我过去是怎样做的在实际的软件开发过程中,我往往采用的是一种自由、灵活的方 ......
笔记

vue3:setup语法糖

## 1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后,**不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用**。 ## 2.setup语法糖中新增的api d ......
语法 setup vue3 vue

系统化学习前端之Vue(vue2)

## 前言 vue2 截止 2023 年 12 月 31 日不再维护更新,将全面拥抱 vue3 了。 ## vue2 vue2 是一个实现 UI 层的渐进式 js 框架。vue2 本质是一个类,可以配置 options API 实例化为一个 vm 对象,通过模板编译处理成虚拟 DOM,对比更新后生成 ......
前端 系统 vue2 Vue vue

总结Vue3 的一些知识点:Vue3 计算属性

Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
知识点 Vue3 Vue 属性 知识

总结Vue3 的一些知识点:Vue3 项目打包

Vue3 项目打包 打包 Vue 项目使用以下命令: cnpm run build 执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个 dist 目录,该目录一般包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 ......
知识点 Vue3 Vue 项目 知识

kissat分析01_基本数据结构03_frame_trail

frame.h 1 #define INVALID_TRAIL UINT_MAX 2 3 struct frame 4 { 5 unsigned decision; 6 unsigned trail:LD_MAX_TRAIL; 7 unsigned used:2; 8 bool promote:1; ......

vue3 后台返回数据没有返回字段是true和false 值的时候,循环数组,点击单个元素单个元素变化的写法

最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
单个 元素 数组 写法 字段

Vue3 el-input实时转大写、自动去掉空格、光标不跳动

直接上代码: <script setup> import {ref,nextTick } from 'vue' let inputValue = ref(null) let inputRef = ref(null) const handleInput = () => { // 获取光标位置 cons ......
大写 光标 空格 实时 el-input

前端vue中实现文件下载的几种方法 四种方法, a.download = "重新下命名下载文件名"

前端vue中实现文件下载的几种方法 原文链接:https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接,通过a标签向后端发送get请求,需要给a标签添加一个download属性 这种写法是创造了一个a标签, ......
文件 方法 quot 前端 文件下载

vue <treeSelect标签中树形选择返回非必填调整以及清内存需手动清理

绑定必须相同 校验规则需trigger我这边用的是change(数据发生改变时发生变化触发),原来用的blur(失去焦点时触发) 如上解决了我此次第一次选择完数据还报非必填问题 清理缓存 手动清理了一下dataform中的gcl的数据 要不然新增完事后还会返回数据 ......
树形 treeSelect 手动 内存 标签

Vue导出多个sheet方法

<el-button type="primary" @click="_export">导出</el-button> import XLSX from 'xlsx' _export() { //需要导出的数据 const data = { sheet1: this.data.sheet1, sheet ......
多个 方法 sheet Vue

vue3 使用 vant 实现列表上拉加载、下拉刷新

## 实现方式 实现了列表的上拉加载、下拉刷新,使用的是vant库中的 [List](https://vant-ui.github.io/vant/#/zh-CN/list) 和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re ......
vue3 vant vue

vue post请求方式下载附件

因为后台大佬说参数过长,get请求报错一定要用post 1、vue前端代码 <el-button size="medium" @click='exportData(true)’ >导出全部</el-button> 2、js代码 ......
附件 方式 post vue

vue 一键导出数据为excel文件并附带样式 十分简单

自入行以来我就一直疑惑一个问题,导出excel为什么总是搞的很复杂,包括网上的教程,屎里淘金,非常耗费精力。今天刚好业务需要,整理一个简单明了的由vue前端导出的版本出来。 开始: #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
样式 文件 数据 excel vue

vue Js对象结构函数使用方法

写了三行不如一行搞定 原先的 const inComeTypeId = this.queryForm.inComeTypeId const currentPage = this.queryForm.currentPage const pageSize = this.queryForm.pageSiz ......
使用方法 函数 对象 结构 方法

vue3 组件传参

父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
组件 vue3 vue

vue3 router 路由传参

路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
路由 router vue3 vue

elementplus vue3 ts 单图预览封装

``` ``` ......
elementplus vue3 vue ts

vue中使用vant中PullRefresh 下拉刷新踩坑

## 问题 PullRefresh 的内容未填满屏幕时,只有一部分区域可以下拉: ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了,代码如下 ``` ``` ## 注意 在修改css样式时,出现了一个错误,一开始使用的是以下代码来修改 . ......
PullRefresh vant vue

vue3 打包超出限制 Some chunks are larger than 500 kBs after minification

vite.config.ts , build: { // 如果自己分片的话,就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
minification chunks larger after vue3