前端 仓库nexus vue
vue实现文件夹的上传
在前端开发中，文件上传是一个常见的需求。而有时候，我们需要一次上传整个文件夹，而不是单个文件。本文将介绍如何使用Vue框架来实现文件夹的上传。 步骤一：准备工作 首先，我们需要在Vue项目中安装一个文件上传插件。在这里，我们将使用vue-upload-component插件，它提供了丰富的上传功能， ......
企业级私有仓库Harbor
仓库的概念也就是用于存储，docker仓库用于存储镜像。 镜像构建完成后，很容易可以在宿主机上运行，但是如果要在其他服务器上运行，则需要考虑镜像的分发，存储的问题。 共有/私有/仓库 Docker Registry有两种形式 公开，开放给所有用户，提供给所有用户搜索，拉取，提交，更新镜像，还免费保管 ......
Linux 本地安装搭建Gitlab私有仓库实现无公网远程访问
GitLab 是一个用于仓库管理系统的开源项目，使用Git作为代码管理工具，并在此基础上搭建起来的Web服务。 Gitlab是被广泛使用的基于git的开源代码管理平台, 基于Ruby on Rails构建, 主要针对软件开发过程中产生的代码和文档进行管理, Gitlab主要针对group和proje ......
vue项目多axios实例动态创建
// 通用请求拦截器 import axios from "axios"; import Qs from "qs"; import store from "@/store"; import router from "@/router"; import { Loading, Message } fro ......
vue2加载远程组件
<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......
vue详情页面可以打开多个
main.vue文件 <keep-alive :include="cachedViews"> <router-view :key="key" /> </keep-alive> computed: { key () { return this.$route.fullPath//this.$route. ......
uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决
问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......
【前端VUE】VUE通信组件学习（附源代码）
props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......
vue3 实现用户登录和权限验证思路梳理
2023-12-20 星期三 一、用登录和退出问题 1登录 思路一： 1.1 login 登录页面，将token 存储本地中。 1.2 前置路由守卫获取 token 并验证， 1.3 前置路由 从缓存中获取用户的访问权限，并生成动态路由。 1.4 aixos 请求拦截器，从存储中获取存储的token ......
前端面试八股文汇总
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
vue中@param 常用注释模板
/** * 获取事件在列表中的位置 * @param context * @param callback * @private */ _evIndex(event, context, callback) { let index = -1; for (let i = 0; i <= event.len ......
vue基础
一、什么是 Vue 1.简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式的js框架，发布于 2014 年 2 月。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router ......
前端标签
前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类： 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如： <!DOCTYPE html>：声明文档的类型 <html>：定义文档的根元素 <head>：定义文档的头部 <body>：定义文档的主体 <title>：定 ......
前端体验优化（4）——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据，而数据分析是体验优化的最后一环。 通过数据来量化当前的工作，从而证明工作是否高效，优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系，包括 SLA、慢响应、前端错误、白屏和首 ......
ArgoCD 添加私有仓库
HTTPS 方式访问私有仓库 Argo CD CLI 添加私有仓库 # argocd repo add https://github.com/argoproj/argocd-example-apps --username <username> --password <password> dashbo ......
springboot020汽车改装方案网站(vue)
1 绪论1.1 课题背景：当今电子信息发展十分迅猛，软件行业发展的节奏也非常的快。在我们日常的生活中有很多非常智能的软件，除此之外新兴的智能软件也如雨后春笋般的出现，人们的生活方式也一点一点的被潜移默化的改变着，当今社会的这种生活方式也是一种更人性化的“懒人”模式，比如人们在出行的时候可以提前预定机 ......
springboot019食品安全管理系统(vue)
1 绪 论1.1 课题研究背景及意义1.2研究现状以及发展趋势1.2.1研究现状1.2.2发展趋势1.3研究目标2 相关技术介绍2.1 Spring Boot介绍Spring的全家桶，我想在Java开发领域大家都知道了吧，那么关于spring的框架，自从我们大学都开始学的，Java语言在基础知识当中 ......
springboot016高校学生党员发展管理系统(vue，毕业设计，附数据库和源码)
1 绪论1.1 研究背景1.2 研究现状1.3 研究意义2 系统开发工具介绍2.1 Springboot2.2 VUE框架2.3 Mysql数据库3 可行性分析3.1 技术的可行性3.2 经济的可行性3.3 操作可行性 4 系统需求分析4.1 系统功能需求管理系统的主要功能结构图呈现如下：图4.1高 ......
100道Vue高频题整理(附答案背诵版)
1、请简述Vue插件和组件的区别 ？ Vue的插件（Plugin）和组件（Component）是Vue.js中非常重要的两个概念，它们在功能上有着明显的差异。 Vue组件（Component）： Vue组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较大的Vue.j ......
前端json转excel 到zip下载
问题描述：后端返回数据原先返回是多个json文件的压缩包二进制文件流，前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案：前端拿到表格的json数据转换成对应table的html字符串，使用插件js-xlsx。 给个链接， import * as XLSX from 'xlsx ......
leaflet在vue2中标点 加载geoJSON
lealfet版本1.9.4 vue版本2.6 引入: import L from 'leaflet' import 'leaflet/dist/leaflet.css' //记得引入样式 不然加载瓦片图后地图会错乱 1.初始化 this.map = L.map(this.mapId, mapIni ......
vue3全栈项目：具有登录注册验证的在线实时聊天应用程序。
项目主要实现的功能： 登录注册的身份验证功能（利用JWT）来实现，在与后端验证的时候，会根据不同的身份显示不同的界面；而且根据不同角色赋予不同的权力，如管理员能查看信息，而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信，并 ......
vue3如何实现断点续传
首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
vue 组件缓存 keep-alive的include失效
include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
Vue.js实现大文件分片md5断点续传
背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 ......
【插件】VUE-Is 使用
1. 安装 NPM npm install vue-ls --save YARN yarn add vue-ls 2.全局使用 在main.js 中引入下列代码 import Storage from 'vue-ls'; const options = { namespace: 'myStorage ......
数据仓库之星型模型和雪花模型
在了解星型模型和雪花模型之前，我们需要先了解一下事实表和维度表到底是什么？ 一、事实表与维度表 事实表 在数据仓库中，保存度量值的详细值或存储事实记录的表称为事实表。事实数据表通常包含大量的行。 事实数据表的主要特点是包含数字数据（事实），并且这些数字信息可以汇总，以提供有关单位作为历史的数据。事实 ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......