vue vue-cli-service min源码
springboot013基于Web的校园爱心捐赠互助管理系统(毕业设计，附数据库和源码)
一.4 开发的技术介绍一.4.1 Springboot介绍一.4.2 Java语言一.4.3 MySQL数据库一.4.4 Eclipse开发工具一.5 论文的结构二 需求分析二.1 需求设计二.2 可行性分析二.2.1 技术可行性二.2.2 经济可行性二.2.3 操作可行性二.3 功能需求分析表2- ......
springboot012响应式企业员工绩效考评系统(vue，毕业设计，附源码和数据库)
2 关键技术2.1 Spring Boot框架2.2 Maven环境2.3 Mysql数据库2.4 Vue.js框架2.5 小结4 系统分析与设计4.1 系统架构在对一个系统的开发中，必须全面的考虑用户对学校系统的需求，这个步骤需要开发出系统的功能的用途，每个图应代表系统的一个功能模块。系统架构图： ......
springboot011流浪动物救助网站(vue)
4 需求分析4.1需求调研在教学网站中，能够在网站上运行的流浪动物救助站系统较少，所有很有必要开发一个轻量级的可以在网站上运行的流浪动物救助网站系统。4.2功能模块需求分析本网站最大的特点就功能全面，且结构简单用户在圈子信息框中，用户可以发布信息系统管理员：4.3设计的基本思想4.4性能需求4.4. ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
vue3.0基础
1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
vue3使用cesium
1、安装vite-plugin-cesium： npm i -D vite-plugin-cesium 2、 安装cesium： npm i -S cesium 3、vite.config.js中配置如下： import cesium from 'vite-plugin-cesium' plugin ......
Vue 过渡 & 动画
在 Vue 的过渡效果中，.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名，用于控制过渡的不同阶段。 .enter-active：表示进入过渡的活动状态。在元素插入到 DOM 中时添加，然后在过渡结束时移除。通过设置此类的样式 ......
Vue的生命周期
Vue的生命周期 vue的生命周期，主要经历了如下几个阶段，分别是 beforeCreate，created，beforeMount，mounted，beforeUpdate，update，beforeDestroy，destroy ，主要由这四对八个组成 主要分为四个流程，创建流程，挂载流程，更新 ......
vue3 相关知识汇总
1 组合式api 和选项式api 1.1 概念 选项式api：用包含多个选项的对象来描述组件的逻辑。 组合式api：组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api： 不需要使用构建工具 或者低复杂度的场景， ......
docker 设计及源码分析
1、dockerd 是一个长期运行的守护进程（docker daemon）。负责管理 docker 容器的生命周期、镜像和存储等。实际还是通过grpc 的协议调用 containerd 的 api 接口，来完成容器管理。 代码所在路径：cmd/dockerd/docker.go 1、newDaemo ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
Mac Vue-cli脚手架搭建
安装node环境 官网地址：http://nodejs.cn/download/ 我选择版本：v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
ruoyi-vue-activiti执行npm i出现node-sass报错
解决方法：把ruoyi-ui下面的package.json里对应的这两项，改成如下图所示的版本，再次执行npm install && npm run dev就可以了 参考资料： https://blog.csdn.net/qq_40095911/article/details/119253908 ......
vue3构建全流程
1.创建工程： npm init vue@latest 删除components下的所有自动生成文件： 新建目录api、utils、views 将request.js放在utils下, request.js内容： //定制请求的实例 //导入axios npm install axios impor ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
基于vue脚手架练习3
<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default ......
vue复制方法实现
npm install --save vue-clipboard2 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) value即是要复制的内容 <button @click="seccendCopy">第二种方式复制</ ......
[Spring][Ngbatis源码学习] Spring 的资源管理 ResourceLoader
在学习Ngbatis的源码时，看到了有关xml文件的加载，涉及到了资源的加载，对相关知识进行总结与整理。 1. 相关类 Resource AbstractResource ResourceLoader DefaultResourceLoader ResourcePatternResolver Pat ......
Feign源码解析：初始化过程（一）
前言 打算系统分析下Feign的代码，上一篇讲了下Feign的历史，本篇的话，先讲下Feign相关的beanDefinition，beanDefinition就是bean的设计图，bean都是按照beanDefinition来制造的。 Feign相关的bean不少，有一些是因为我们的Feign相关注 ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件： utils/request.sj api/index.js（可以根据不同页面在api文件下新建不同文件夹，方便管理） vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
[AGC020D] Min Max Repetition
牛子题 优先满足第二个条件，长度是 \(\lceil \frac{max(A,B)}{min(A,B)+1}\rceil\) ，那么现在要满足字典序最小，发现先填 \(A..ABA..ABA..AB..\) ，中途可能 \(B>>A\) 就填不满 ，就要改变策略，变成 \(B..BAB..BA... ......
Kubernetes: client-go 源码剖析（二）
上接 Kubernetes: client-go 源码剖析（一） 2.3 运行 informer 运行 informer 将 Reflector，informer 和 indexer 组件关联以实现 informer 流程图的流程。 2.3.1 Reflector List&Watch 运行 inf ......
直播平台源码，教你如何写出同步与异步
直播平台源码，教你如何写出同步与异步 同步示例代码： console.log("开始"); function syncOperation() { console.log("同步操作"); } syncOperation(); console.log("结束"); 输出结果： 开始 同步操作 结束 在 ......
在SpringBoot和Vue3中使用Google的reCaptchaV3
Google的RecaptchaV3是一种对用户很友好的验证码模型，接下来从0开始介绍RecaptchaV的使用。 首先是需要去google的官网申请reCaptchaV3（google账号和访问方式请自备，这里不描述） https://www.google.com/recaptcha/about/ ......
C#_Win32_PInvoke源码生成器
介绍 一个源代码生成器，用于向 C#项目添加一组用户定义的 Win32 P/Invoke 方法和相关的类型。 链接地址: https://github.com/microsoft/CsWin32 还在手动添加平台调用的代码或者增加无用的程序集?微软的官方解决方案来了! 特色 快速将 P/Invoke ......
KCP源码剖析和应用解析
一，什么是KCP KCP是一个快速可靠的协议，基于UDP的类似TCP的协议。 随着网络带宽的不断增大，在很多网络应用场景中，TCP的旧有特性对当今一些要求及时响应的网络要求不符合。而TCP又是嵌在操作系统内核中的模块，用户态软件不能够自定义来修改太多TCP的细节。所以推出了KCP以应对延迟越发要求高 ......