多个vue-cli版本vue
vue2 - require is not defined
vue.config.js文件中 module.exports = defineConfig({ transpileDependencies: ['require'], ... 将transpileDependencies属性值改未false或者['require']时即可。 虽然不太清除具体原理但 ......
278. 第一个错误的版本
目录题目题解：二分查找 题目 你是产品经理，目前正在带领一个团队开发新的产品。不幸的是，你的产品的最新版本没有通过质量检测。由于每个版本都是基于之前的版本开发的，所以错误的版本之后的所有版本都是错的。 假设你有 n 个版本 [1, 2, ..., n]，你想找出导致之后所有版本出错的第一个错误的版本 ......
CentOS怎么安装最新版本docker
环境查看 [root@localhost ~]# cat /etc/redhat-release CentOS Linux release 7.9.2009 (Core) [root@localhost ~]# uname -a Linux localhost.localdomain 3.10.0- ......
urllib 2.x版本下dh key too small 等SSL类错误的解决方法
问题 当我们使用python的requests访问目标网站的时候，有时会遇到以下这种错误(以 https://dh-composite.badssl.com/ 为例) requests.exceptions.SSLError: HTTPSConnectionPool(host='dh-composi ......
Vue 生命周期有哪些？
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 1、beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置 ......
VUE监听网页关闭和隐藏显示（页签关闭调用某一个接口）
mounted() { this.id = this.$route.query.id; window.addEventListener( "beforeunload", async (e) => await this.beforeunloadHandler(e) ); window.addEvent ......
Uncaught SyntaxError: The requested module '/vue3-print/node_modules/.pnpm/dayjs@1.11.9/node_modules/dayjs/dayjs.min.js?v=b0e0e64f' does not provide an export named 'default' (at Upload.vue:10:8)
前提 在项目环境 vue3.3.4 + vite4.4.11 下，安装dayjs1.11.9 报错 Uncaught SyntaxError: The requested module '/vue3-print/node_modules/.pnpm/dayjs@1.11.9/node_modules ......
单个Nginx发布多个react静态页面
在有些网络环境中，端口是一种比较稀缺的资源，而我们又恰好有多个前端项目需要发布，我们可以采取将多个项目映射到同一个端口上面的方案加以解决。 本教程前端项目主要以react为主，部署在linux服务器上。 1. 将项目资源的访问地址修改为相对方式 在react项目package.json中，添加或者修 ......
基于class封装的高德地图定位选址及搜索功能（vue、react均可用）
import AMapLoader from '@amap/amap-jsapi-loader'; export default class AMaps { options: any; //初始参数 instance: any; //实例 geocoder: any; //地理编码 placeSea ......
36-Vue脚手架-消息订阅与发布（使用消息订阅与发布优化Todo-List案例）
通过生活中报纸的订阅与发布，引出本节内容：消息订阅与发布 报纸订阅与发布 1）订阅报纸：住址 2）邮递员送报纸：报纸 消息订阅与发布 1）订阅消息：消息名 2）发布消息：消息内容 上述App中，组件C中的数据想要传递给组件A（A是接收数据的，C是提供数据的），在A中订阅一个消息，消息名为demo，回 ......
如何使用git将某个文件回退到历史版本
1.查看提交历史 git log commit 4fe5108e0ca86d439f0da61751fac5845ec64f5c 3 commit 38f9efd1f004996330a78c4b78372ba7c3746989 2 commit 5617205b96685ee157b67f3d66 ......
Gin+Vue+微服务打造秒杀商城，打造高并发抢购平台
gin+vue实战 后端： 用户管理 用户列表 登录/登出 商品管理 商品的增上改查 活动管理 商品关联 成功率 redis队列，不成功的回到队列继续，成功的从队列删除 结束难点： 代码和部署完全隔离 怎么避免雪崩 根据后端承载能力，进行限流和过载保护 使用redis承载海量QPS mysql性能瓶 ......
Vue源码学习(十五):diff算法(二)交叉比对(双指针)
好家伙, 本节来解决我们上一章留下来的问题, 新旧节点同时有儿子的情况本章继续解决 1.要做什么? 本章将解决, 1.在相同tag下子元素的替换问题 2.使用双指针进行元素替换, 实现效果如下: let vm1 = new Vue({data:{name:'张三'}}) let render1 = ......
git 回滚版本
//1.回滚到上一次版本 git reset --hard HEAD^ //2. 同步到远程 master，使之 生效 git push -f https://www.runoob.com/git/git-reset.html $ git reset HEAD^ # 回退所有内容到上一个版本 $ g ......
ERROR: npm v10.2.1 is known not to run on Node.js v14.16.0. npm版本降级用法介绍
一、为什么需要npm版本降级 1、由于不同版本之间可能存在兼容性问题，需要将版本降为可以支持的版本。 2、某些应用程序可能只支持特定的npm版本，因此需要将npm版本降级到兼容的版本。 3、某些时候新版本的npm会导致应用程序不稳定或出现问题，因此需要将npm版本降级到稳定的版本。 为避免这些问题， ......
vue3 axios 获得基地址
1.位置 //axios基础的封装 import axios from 'axios' import 'element-plus/es/components/message/style/css' import { ElMessage } from 'element-plus' const httpI ......
[JSON] Fastjson 之版本对比：Fastjson vs Fastjson2
1 Fastjson2 1.1 简述 FASTJSON相对其他JSON库的特点是快，从2011年fastjson发布1.1.x版本之后，其性能从未被其他Java实现的JSON库超越。 Fastjson2相对Fastjson1版本可以说是一次完全重构。 这里从代码的角度，分析两者的一些区别； 并总结一 ......
vue：视情况绑定对应的校验。
需求：表格内输入参数的默认值，有的参数必须，有的参数可为空，通过某个属性控制。 写两个校验规则，一个是必须有值，一个是可以为空。 首先将要校验的字段绑定在form-item的prop上。随后通过判断控制属性去绑定对应的校验规则。 ......
vue：通过数组循环创建表格，表格中有输入框需校验，最后需要一次性校验所有表格。
表格内有form表单，form表单绑定的model数据类型必须为对象。所以需要先处理一下接口请求回来的数据。 表单需要校验，校验要用到ref，所以通过索引给每个表单生成自己专属的ref。 统一写一个校验规则，绑定至form表单中的rules中，随后在表格内的输入框form-item中绑定对应的规定。 ......
vue 大文件分片上传(断点续传、并发上传、秒传)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍vue实现文件上传的步骤及代码 ......
vue
1、声明私有过滤器和全局过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>message的值是：{{mess ......
vue3 devtool
打开控制台，输入下面代码：var vue = app.__vue_app__ const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__'] hook.emit('app:init',vue,vue.version,{ Fragment: 'Fragment' ......
linux版本mysql安装
linux版本mysql安装 1先检查有没有安装mariadb，有的话将其卸载，不然会和mysql冲突。 yum list | grep mariadb mariadb-libs.x86_64 1:5.5.68-1.el7 @anaconda mariadb.x86_64 1:5.5.68-1.el ......
C++ Windows查询操作系统版本名称,例如（旗舰版、标准版、专业版）
C++查询中文名称的操作系统版本： 看网上没有例子，这里放出来两个版本的.代码如下： std::string ExecCommand(const char* cmd) { CHAR buf[128]; std::string result = ""; FILE* pipe = _popen(cmd, ......
vscode快捷输入vue2，vue3，模板
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is u ......
web.xml 4.0版本
现在通过idea创建javaee项目都是走的Jakarta，web.xml默认5.0版本起，但有的时候还是会用到4.0版本，这里给自己留个记录 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xm ......
Git还原到指定版本
Git还原到指定版本方法一、命令行操作: 1、获取某个历史版本的id 使用git-gui执行git log命令查看所有的历史版本，输入q便可退出。 git log 2、本地恢复到该节点状态: git reset --hard fa4bf08fed85fc0ca5acde22464e68c6f8cfc ......
数据可视化 - 使用swiper制作滚动表格[vue3]
html部分 1 <div class="scroll-table"> 2 <div class="scroll-table-header"> 3 <table class="scroll-table-header__table"> 4 <colgroup> 5 <col style="width: ......
Linux学习笔记之grep满足或排除多个关键字
grep -E "word1|word2|word3" file.txt # 满足任意条件（word1、word2和word3之一）将匹配。 grep word1 file.txt | grep word2 |grep word3 # 必须同时满足三个条件（word1、word2和word3）才匹配 ......
vue-router中重写push方法
文章目的： 看到一段代码不理解什么意思，查了一下是为了解决，重复跳转相同的路由，控制台报错。 重写了方法后，能catch异常，不会在控制台报错了。 代码： Router.prototype.push = function push(location) { console.log(location, ......