前端 仓库nexus vue

vue项目的拉取

一、删除vue项目的node_modules,package-lock.json两个文件 二、在项目下打开cmd窗口(本人使用管理员方式打开cmd才对之后的操作有效) 三、输入命令 npm cache clean -force npm install 四、运行项目 npm run dev ......
项目 vue

Vue+Node实现大文件上传和断点续传

源代码 断点续传、分片上传、秒传、重试机制 文件上传是开发中的难点, 大文件上传及断点续传 难点中的细节及核心技术点。 element-ui 框架的上传组件,是默认基于文件流的。 数据格式:form-data; 传递的数据: file 文件流信息;filename 文件名字 通过 fileRead. ......
断点 文件 Node Vue

脚手架搭建vue3项目

vue官网:https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目,包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下: 1. 按脚手架初始化项目 进入vue官网的快速上手,按照官网所述,执行:npm create v ......
脚手架 项目 vue3 vue

[Vue]关于查询详情后,传入到编辑弹窗内显示

开发编辑功能的过程中,通常需要先通过id,查询到编辑所需要的详细信息,再将数据回显到编辑弹窗中。 如果使用子组件作为编辑弹窗组件,异步查询到详细信息后,应当通过调用子组件的函数,传入查询结果: $refs.子组件.function(查询结果) 而不应当在子组件标签中以 :变量名="变量" 的形式传, ......
详情 Vue

vue项目性能优化——断点续传

一、上传文件有两套方案1、基于文件流(form-data) element-ui上传组件默认是基于文件流的2、客户端把文件转化为BASE64,再传给后台 1、基于文件流方案代码用element-ui提供基于文件流的上传方案: <template> <div id="app"> <!-- action ......
断点 性能 项目 vue

修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题

问题 部分的组件库(例如antd)使用到了window.innerWidth和window.innerHeight属性,可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用,导致后续不管主应用如何变化,子应用的这两个属性无法跟随变化,也就导致子应用使用的这些组 ......
前端 属性 window 问题 wujie

【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端

Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想:使用一个固定窗口在图像上进行任意方向的滑动,对比滑动前后的窗口中的像素灰度变化程度,如果存在任意方向上的滑动,都有较大灰度变化,则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
特征 前端 视觉 SLAM VINS

Docker安装Nexus

false一、Maven仓库结构 二、安装Nexus 1、拉取镜像 docker pull sonatype/nexus3 2、创建挂载目录 # 创建目录 mkdir /usr/local/docker/nexus # 一定要授权 chmod 777 /usr/local/docker/nexus ......
Docker Nexus

Vue 大文件上传和断点续传的实现

实现 Vue 大文件上传和断点续传需要掌握以下几个步骤: 分片:将大文件分割成若干个小块,便于上传。一般采用 Blob 对象或 ArrayBuffer 来实现。 上传:将分片文件上传到服务器。可以使用 XMLHttpRequest、Fetch 等工具进行上传。 断点续传:如果上传失败或上传过程中断开 ......
断点 文件 Vue

vue3中router配置中的children怎么用

在Vue 3中,当你使用Vue Router创建路由配置时, children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由,从而构建出具有层级结构的URL路径。 这里是一个基本的例子,展示了如何在Vue Router中使用children属性: import { create ......
children router vue3 vue

springboot015粮食仓库管理系统(毕业设计,附数据库和源码)

一.4 开发的技术介绍一.4.1 Springboot介绍一.4.2 Java语言一.4.3 MySQL数据库一.5 论文的结构二 需求分析二.1 需求设计二.2 可行性分析二.2.1 技术可行性二.2.2 经济可行性二.2.3 操作可行性二.3 功能需求分析表2-1粮食仓库管理系统功能结构图三 系 ......
毕业设计 springboot 仓库 源码 粮食

springboot012响应式企业员工绩效考评系统(vue,毕业设计,附源码和数据库)

2 关键技术2.1 Spring Boot框架2.2 Maven环境2.3 Mysql数据库2.4 Vue.js框架2.5 小结4 系统分析与设计4.1 系统架构在对一个系统的开发中,必须全面的考虑用户对学校系统的需求,这个步骤需要开发出系统的功能的用途,每个图应代表系统的一个功能模块。系统架构图: ......
毕业设计 绩效 springboot 源码 员工

springboot011流浪动物救助网站(vue)

4 需求分析4.1需求调研在教学网站中,能够在网站上运行的流浪动物救助站系统较少,所有很有必要开发一个轻量级的可以在网站上运行的流浪动物救助网站系统。4.2功能模块需求分析本网站最大的特点就功能全面,且结构简单用户在圈子信息框中,用户可以发布信息系统管理员:4.3设计的基本思想4.4性能需求4.4. ......
springboot 动物 网站 011 vue

前端开发者

当涉及到前端领域的成功人士,有许多杰出的开发者可以作为学习榜样。以下是一些在前端领域有所成就的人士,他们在社区中广受尊敬并有着丰富的经验和知识: Dan Abramov:React 的核心开发者之一,他的技术博客和社交媒体上的分享非常受欢迎。 Sarah Drasner:她是 Vue.js 的倡导者 ......
前端 开发者

如何实现前端跨域,配置代理

// 在vue.config.js中配置代理 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
前端

[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线

组件的自定义事件 通过props可以将信息传递给子组件,那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法,我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
事件 总线 全局 笔记 Vue

从零开始封装 vue 组件

对于学习 Vue 的同学来说,封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识,我这里简单摘取使用最频繁的几个知识点,带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器,与其在每个地方都实现计数器功能,不 ......
组件 vue

关于若依框架前端页面验证码加载不出来,404报错的问题

问题页面如下: 上网查询了一堆资料后,终于解决 原因是前后端的端口号不一致,改成一致即可 打开前端vue.config.js文件 把target: http://localhost:8080,改成http://localhost:8085,这里的端口根据实际更改即可 重新启动后页面恢复正常 ......
前端 框架 页面 问题 404

VUE使用Swiper组件,组件中嵌套Echarts图,Echarts的点击事件不生效问题解决

1.解决方案 在Swiper的配置项中添加以下属性(实测,已解决) ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
组件 Echarts 事件 Swiper 问题

vue3.0+vite问题汇总

1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node",还是要将别名添加到 "paths" 选项中 解决方法(tsconfig.json添加如下代码,添加之后重启;重启之后如果仍然有问题,可能是编辑器版本比较旧,升级编辑器版本,我从vscode v ......
问题 vue3 vite vue

vue3.0基础

1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
基础 vue3 vue

jenkins结合远程仓库

既然是持续集成,对代码进行构建,我们得获取代码仓库的内容,这里选择我们搭建的gitlab服务器 1.开发工程师的机器 1. 在window上生成ssh-key $ ssh-keygen.exe -t rsa -C 'www.yuchaoit.cn' 2.添加到代码仓库github/gitlab都玩一 ......
仓库 jenkins

gitlab私有仓库搭建

1.Gitlab介绍 我们了解了git是以个人为中心,但是人人都得数据交互呀。。python程序员每天都忙着进行py交易 交互数据的方式 使用github或者码云等公有代码仓库,托管代码的地方,谁都可以看 公司内部使用gitlab私有仓库 github和gitlab的区别 github国外公共仓库不 ......
仓库 gitlab

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 ......
cesium vue3 vue

Vue 过渡 & 动画

在 Vue 的过渡效果中,.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名,用于控制过渡的不同阶段。 .enter-active:表示进入过渡的活动状态。在元素插入到 DOM 中时添加,然后在过渡结束时移除。通过设置此类的样式 ......
动画 Vue amp

Vue的生命周期

Vue的生命周期 vue的生命周期,主要经历了如下几个阶段,分别是 beforeCreate,created,beforeMount,mounted,beforeUpdate,update,beforeDestroy,destroy ,主要由这四对八个组成 主要分为四个流程,创建流程,挂载流程,更新 ......
周期 生命 Vue

前端导出Excel【支持样式配置,多sheet,多级表头】

在我们的管理系统项目中,将表格数据导出为Excel文件是很常见的需求,一线业务人员经常会利用生成的excel文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出,作为前端开发人员,后端导出对我们来说比较简单,本文主要讨论前端导出。 在正常的项目中,后端导出的情况会更多一下,因为前端导出受限 ......
表头 前端 样式 Excel sheet

vue3 相关知识汇总

1 组合式api 和选项式api 1.1 概念 选项式api:用包含多个选项的对象来描述组件的逻辑。 组合式api:组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api: 不需要使用构建工具 或者低复杂度的场景, ......
知识 vue3 vue

Linux 安装 Harbor Docker镜像仓库&&远程访问

Harbor 是为企业用户设计的容器镜像仓库开源项目,包括了权限管理(RBAC)、LDAP、审计、安全漏洞扫描、镜像验真、管理界面、自我注册、HA 等企业必需的功能,同时针对中国用户的特点,设计镜像复制和中文支持等功能。 下面介绍如何在Linux安装并且使用cpolar内网穿透工具实现远程访问Har ......
仓库 amp 镜像 Harbor Docker

推荐给前端开发的 5 款 Chrome 扩展

工欲善其事,必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中,下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
前端 Chrome