devtools浏览器edge vue
springboot+vue前后端分离项目发布上线
首先呢不用多说就是买阿里云服务器，但是呢，学生免费一个月。 前端呢就是配置与后端端口 然后呢就是要打包：npm run build 把你的dist文件东西进行上传到服务器。 后端springboot呢就是要打jar包上传。 然后服务器是先去下载配置jdk，然后就是点击网站选择springboot项目 ......
Vue无感刷新当前页面
使用 Vue 选项/组合 Api provide / inject Api 地址，此方法可以实现无感刷新并且不会出现闪烁的空白。 首先在根组件 App.vue 定义这个方法 html 复制代码 <template> <div id="app"> <router-view v-if="routerAl ......
SpringCloud实现浏览器端大文件分片上传
1，项目调研 因为需要研究下断点上传的问题。找了很久终于找到一个比较好的项目。 在GoogleCode上面，代码弄下来超级不方便，还是配置hosts才好，把代码重新上传到了github上面。 https://github.com/freewebsys/java-large-file-upload ......
记录--你知道Vue中的Scoped css原理么？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 追忆Scoped 偶然想起了一次面试，二面整体都聊完了，该做的算法题都做出来了，该背的八股文也背的差不多了，面试官频频点头，似乎对我的基础和项目经验都很是满意。嗯，我内心os本次面试应该十拿九稳了。 突然，面试官说：「我的主技术栈是Rea ......
Vue基础复习
一、Vue API 风格 Vue 的组件可以按两种不同的风格书写: 选项式API(Vue2)和组合式API(Vue3)大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后，你也能够很快地理解另一种风格 1.1 选项式API (Options API) 使用选项式API，我们可以用包含多个选 ......
jsp实现浏览器端大文件分片上传
在web项目中上传文件夹现在已经成为了一个主流的需求。在OA，或者企业ERP系统中都有类似的需求。上传文件夹并且保留层级结构能够对用户行成很好的引导，用户使用起来也更方便。能够提供更高级的应用支撑。 数据表结构文件 编辑 文件夹数据表结构 编辑 文件数据表结构 编辑 该项目核心就是文 ......
Vue3 实现点击菜单实现切换主界面组件
子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能：在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 ......
Vue bug from backend
# 一个后端引发前端的BUG 使用的框架是vue 代码里面有一个 获取后台数据 this. data = await fetch() table里面是一些可以编辑的input const dataMock = [ { id: 3, input: '' } ] 大概是一个这样的数据结构 一切正常 一段 ......
vue2 + elementUI + sortablejs 实现可行拖拽排序表格
需要实现表格 (可以新增行, 表格中直接编辑数据，行可上下拖动重新排序) 实现效果（整行上下拖动之后，序号变化为1，2，3.......，可根据名称看效果哦）： 初始表格： 拖拽后： 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab ......
Java实现浏览器端大文件分片上传解决方案
上周遇到这样一个问题，客户上传高清视频（1G以上）的时候上传失败。 一开始以为是session过期或者文件大小受系统限制，导致的错误。 查看了系统的配置文件没有看到文件大小限制， web.xml中seesiontimeout是30，我把它改成了120。 但还是不行，有时候10分钟就崩了。 同事说 ......
Vue3 子组件 调用 父组件的函数
子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 ......
怎么从Chrome浏览器中导出扩展程序为crx文件？
1.浏览器输入`chrome://version/`查看浏览器插件的安装位置  ![](https://img202 ......
Vue3 动态切换组件component
在 vue3 开发中 经常会遇有 动态切换组件 的需求，下面简单写个例子，当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t ......
vue 打开浏览器新标签页预览 pdf 和 txt 文档,以及新标签页标题修改
1 // 在线查看 2 showOnline({ id, fileExt, fileName }) { 3 if (fileExt && ['jpg', 'jpeg', 'gif', 'bmp', 'png'].includes(fileExt.toLowerCase())) { 4 downloa ......
Windows系统使用Nginx部署Vue
# Nginx是什么？ Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名 ......
Java实现浏览器端大文件分片上传功能
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
[AGC052B] Tree Edges XOR 题解
# [AGC052B] Tree Edges XOR 蛮好的题目。 ## 题意 给你一棵树，和每条边的初始权值与目标权值，每次操作可以将一条边相连的两点所连接的其他边全部异或上这条边的边权，请问最后能否使每条边变成目标权值。 ## 思路 首先考虑性质。我们发现每次操作都涉及很多边的变化，很麻烦，考虑 ......
vue 任务队列
taskQueue.js export default class TaskQueue { constructor(max = 2) { // 控制请求最大并发数 this.max = max // 队列 用shift方法实现先进先出 this.taskList = [] setTimeout(() ......
Java实现浏览器端大文件分片上传方案
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
Vue3+.net6.0 六 条件渲染
v-if，v-else-if，v-else 控制元素是否渲染，不满足条件的时候不会有相应元素。 <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> ......
Java实现浏览器端大文件分片上传技术
javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up ......
Java实现浏览器端大文件分片上传实例解析
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素： 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da ......
vue3自定义指令 拖拽 与拖拽变大小
directives:{ drag:{ mounted: (el, binding) => { const dragDom = el; const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); el.par ......
19：vue3 依赖注入
1、通过Prop 逐级透传问题（传统老的方法只能逐级传递） 传统方式代码如下： App.vue 1 <template> 2 <h3>祖宗</h3> 3 <Parent :msg="msg"></Parent> 4 </template> 5 6 <script> 7 import Parent f ......
Vue3+.net6.0 五 类和样式绑定
Vue3关于样式的处理跟Vue2是一样的，常用的有以下几种。 1.绑定属性 html部分： <div :class="{ active: isActive }"></div> js部分： data() { return { isActive: true } } 当 isActive 值为true时， ......
二维码简易实现 Vue+Springboot
Vue： <template> <div> <img :src="database64" width="150px"/> <div> 注：请使用手机微信扫码，并于2分钟内绑定员工账号（二维码为账号独属，请勿分享）。 </div> </div></template><script>import { g ......
vue 批量下载通用方法【转载】
自己做项目的时候遇到需要批量下载文件的需求，于是下意识就用了循环url地址数组创建a标签下载的方法，但浏览器有限制，超过10个文件将不能下载，最多下载10个。于是找遍网上文章，终于找到了适用的。在这记录一下，分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
nginx部署vue网站
1.背景 最近gpt很火，于是尝试用gpt来进行古诗词取名，做了一个vue的网站进行展示，第一次部署，踩了一些坑。 2.实施 nodejs安装： 在任意目录执行如下命令进行安装包下载：wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......