教程npm vue

完整教程:使用SPRING BOOT实现大文件断点续传及文件校验

一、简介 随着互联网的快速发展,大文件的传输成为了互联网应用的重要组成部分。然而,由于网络不稳定等因素的影响,大文件的传输经常会出现中断的情况,这时需要重新传输,导致传输效率低下。 为了解决这个问题,可以实现大文件的断点续传功能。断点续传功能可以在传输中断后继续传输,而不需要从头开始传输。这样可以大 ......
文件 断点 教程 SPRING BOOT

每日一题:vue3自定义指令大全(呕心沥血所作,附可运行项目源码)

1.VUE常用指令大全 本项目所有指令均为全局注册,使用时直接在组件中使用即可。 指令目录:src/directives 页面目录:src/views 具体可查看源码 1.1 权限指令 封装一个权限指令,在模板中根据用户权限来控制元素的显示或隐藏。 permission.js import { re ......
呕心沥血 指令 源码 项目 大全

16-Vue数据监视

我们先探讨一个数据更新时的问题,假设在以下人员列表中,改变"马冬梅"的信息,可以通过什么方法 1)第一种方法(奏效) 数据更新时,方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" ......
数据 Vue 16

vue-day06

解析一下vue项目 为什么在浏览器中访问某个地址,会显示某个页面组件 1.根组件:App.vue必须是以下代码,里面使用router-view <template> <div id="app"> <router-view></router-view> </div> </template> 2.配置路 ......
vue-day vue day 06

vue中使用canvas压缩base64图片

参考自https://blog.csdn.net/weixin_42752574/article/details/126061352 后端返回图片的原始base64字符串,通过:style传到scss中显示,但有时候base64过长,可能会有5MB或者2MB这样的大小,那scss文件就接收不到这个变 ......
canvas 图片 base vue 64

前端vue项目部署中,用户还在访问系统,存在缓存问题,部署后需要ctrlF5强制刷新,解决热更新的几种方案

问题描述: 问题是这样的,在部署的时候,用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存;如果在部署的时候或者部署之前,用户并没有打开系统页面,部署完成后,才访问操风系统,不会存在缓存的。我刚才测试了一下。要想解决,部署之前或在部署中,用户还再使用的情况下,前端得写定时获 ......
前端 缓存 方案 项目 用户

node安装以及vue安装

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使 ......
node vue

MyBatis 动态 SQL 最全教程,这样写 SQL 太爽了!

动态 SQL 是 MyBatis 的强大特性之一。在 JDBC 或其它类似的框架中,开发人员通常需要手动拼接 SQL 语句。根据不同的条件拼接 SQL 语句是一件极其痛苦的工作。例如,拼接时要确保添加了必要的空格,还要注意去掉列表最后一个列名的逗号。而动态 SQL 恰好解决了这一问题,可以根据场景动 ......
SQL MyBatis 教程 动态

vue项目的解析、登录小案例

vue的执行流程 1. 为什么浏览器中访问某个地址,会显示某个页面组件 vue-router第三方插件支持的: 访问:/(根路径) 》显示HomeView.vue 访问:/about 》显示AboutView.vue 根组件:App.vue App.vue中的template中的div会被替换到in ......
案例 项目 vue

vue3 | defineExpose的使用

简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露在任何在<script setup>中声明的绑定 换句话说,如果一个子组件使用的是选项式 API 或没有使用 <script setup>,被引用的组件实例和该子组件的  ......
defineExpose vue3 vue

vue通过 v-for循环出来的数组给元素 加不同的颜色

直接上代码: 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
数组 元素 颜色 v-for vue

JAVA(windows)安装教程

一、下载进入官网(https://www.oracle.com/java/technologies/downloads/#jdk21-windows)下载所需版本安装包 二、安装1、双击打开程序包 2、点击下一步,默认路径建议不变,如果改变的话,一定要记得自己的安装路径,因为环境变量配置的时候需要找 ......
windows 教程 JAVA

TortoiseGit 使用教程

TortoiseGit 使用教程 该文章转自:https://note.youdao.com/share/?id=dc4d97ed11598f4cc27db60ce87dde5a&type=note#/(大师兄的Git说明教程) 前言 作为一个软件开发人员,不可能不知道Git。Git作为一个复杂的版 ......
TortoiseGit 教程

每天一个npm包:koa-cors

每天一个npm包:koa-cors NuoHui 野生码农。公众号:NodeJs 早早聊 ​关注他 67 人赞同了该文章 koa-cors 顾名思义koa-cors,是Koa框架用于解决CORS中间件的方案。通过阅读其源码,你会学会服务端CORS相关知识。 源码 koa-cors使用示例: cons ......
koa-cors cors npm koa

CentOS环境 nginx配置vue项目

ps: 这里使用ruoyi-vue-plus项目举例,官网:https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/',然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
环境 项目 CentOS nginx vue

SpringCloud-Gateway搭建保姆级教程

一、网关介绍 1、什么是网关? 使⽤服务⽹关作为接⼝服务的统⼀代理,前端通过⽹关完成服务的统⼀调⽤ 2、⽹关可以⼲什么? 路由:接⼝服务的统⼀代理,实现前端对接⼝服务的统⼀访问 过滤:对⽤户请求进⾏拦截、过滤(⽤户鉴权)、监控 限流:限制⽤户的访问流量 3、常⽤的⽹关 Nginx Spring Cl ......

nodejs+vue+element-ui安装

1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后,使用vue会报错: ‘vue‘ 不是内部或外部命令,也不是可运行的程序 解决办法: https://developer.al ......
element-ui element nodejs vue ui

若依 vue问题

1.table 列 对布尔的处理 <el-table-column label="是否可见" align="center" prop="activityVisible" :formatter="formatActivityVisible"/> formatActivityVisible:functi ......
问题 vue

vue3封装一个公共的异步组件函数

在 Vue 3 中,可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例: import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
函数 组件 vue3 vue

vue+openlayers绘制线

绘制线 1 <template> 2 <div></div> 3 </template> 4 <script> 5 import VectorLayer from 'ol/layer/Vector.js'; 6 import VectorSource from 'ol/source/Vector.j ......
openlayers vue

注册npm账号,并完成首次验证

在npm官网完成注册https://www.npmjs.com/ 打开命令行执行命令 i. 查看npm当前源( npm config get registry 或者 npm config list )ii. 设置回原本的源,用来发布npm包( npm config set registry http ......
账号 npm

VUE后台管理系统(四) 用户,权限和菜单

原理分析 - 服务器根据不同的用户,返回不同的"路由信息","菜单信息","按钮信息"等待 - 从而实现不同的登录用户,看到的页面不一样(部分相同,部分不同) - 前端这边,路由不再写死(写死的话,每个用户看到的页面都是一样的) - 而是根据后端返回的"路由信息"来填充"router数据",最终实现 ......
后台 管理系统 菜单 权限 用户

解析vue项目,scoped,ref属性,混入mixin,插件,Elementui

0 解析一下vue项目🐱‍🚀 1 为什么浏览器中访问某个地址,会显示某个页面组件 -0 根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 router ......
Elementui 插件 属性 项目 scoped

Cplex求解教程(基于OPL语言,可作为大规模运算输入参考)

最近导导让牛牛改篇论文,牛牛在她的指导下把非线性问题化成了线性。然鹅,化成线性后的模型决策变量和约束条件均达到上百甚至上千个,这让牛牛犯了难,以下方法或许能为这样大规模模型的变量和约束输入提供思路(๑•́₃ •̀๑) 一、问题描述及模型建立 指派问题: 分配\(n\)人去做\(n\)项工作;每人做且 ......
大规模 语言 教程 Cplex OPL

宝塔安装教程

安装教程 地址:https://blog.csdn.net/SoloVersion/article/details/123984445?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522169522366316800192282506%2 ......
宝塔 教程

vue3的ref、reactive的使用

一、介绍 ref和reactive是Vue3中用来实现数据响应式的API,一般情况下,ref推荐定义基本数据类型,reactive推荐定义引用数据类型(对象或数组) 二、ref与reactive对比 <template> <p>{{ person.name }}</p> <p>{{ person.l ......
reactive vue3 vue ref

【转载】Vue Provide / Inject 详细介绍(跨组件通信、响应式变化、版本变化)

版权声明:本文为CSDN博主「前端不释卷leo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常,当我们需要从父组件向子 ......
组件 Provide 版本 Inject Vue

Vue组件懒加载

在当今快节奏的数字世界中,网站性能对于吸引用户和取得成功至关重要。然而,对于像首页这样的页面,在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行,开发人员可以增强用户体验,同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 ......
组件 Vue

动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法

动态组件 <component :is="who"></component> component标签的is属性等于组件名字,这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
项目 vue 语法 组件 vue-cli

Vue-基本语法及事件绑定

一.基本语法 v-bind绑定: 双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute,应该使用 v-bind 指令 代码展示: <div id="app"> <span v-bind:title="message" v-html="tips"> </sp ......
语法 事件 Vue