写法vue2 vue js
Vue向服务端发送axios请求报错解决：AxiosError {message: 'Request failed with status code 403', ...}
Vue向服务端发送axios请求报错解决：AxiosError {message: 'Request failed with status code 403', ...} 登录界面点击提交向服务端发送用户名和密码，在Vue中用axios向服务端发送请求，一直显示403错误： 出现问题的前端请求代码如 ......
Rollup failed to resolve import "vue-demi" from
1、背景： vue3 + vite + ts 的一个项目打包的时候报错了 2、报错截图 3、引入截图 4、修改引入 vue-demi -> vue 5、结果 可以正常打包啦～～ ......
Vue 项目安全扫描漏洞，JS 库版本太低，要求升级 YUI（vue2 升级javascript库）【检测到目标站点存在javascript框架库漏洞漏洞风险：中】
原帖：https://blog.csdn.net/u012961419/article/details/130016341 背景公司信安部门对项目进行安全扫描，查出一些漏洞，其中有一项要求升级 javascript 框架库（如图）： 吓得我以为让我把 Vue2 升级成 Vue3。 经过一番询问后才知 ......
cnblogs iconfont.js?v=unknown bug All In One
cnblogs iconfont.js?v=unknown bug All In One Uncaught SyntaxError: Unexpected token '<' (at iconfont.js?v=unknown:1:1) demos https://i.cnblogs.com/pos ......
Java__SpringBoot与Vue连接
SpringBoot与Vue 注解RequestMapping("/dir/") 创建一个方便前端调用的接口目录/接口函数，前端可以获取到函数返回的数据 @RestController @RequestMapping("/dir/") public class BotInfoController { ......
Vue 3.0自定义指令
Vue2 和 Vue3 在自定义指令上有一些差异，并不完全一致，下面的介绍主要是针对 Vue3 的介绍。 1. 作用域 自定义指令有两种作用域，一种是局部的自定义指令，还有一种是全局的自定义指令。局部的自定义指令就只能在当前 .vue 文件中使用，全局的则可以在main.js里挂载之后，在所有的 . ......
JS学习笔记
js中有几种数据类型 8种 $number$、$string$、$null$、$undefined$、$boolean$、$Symbol$、$object$、$BigInt$. Array Function的本质也是Object 前5种是基本数据类型number，string，null、undefi ......
vue 3.0 windows node切换
'"bash"' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 https://blog.csdn.net/cnds123321/article/details/121257762 超级管理运行cmd C:\Program Files\nodejs>gnvm list Usage: gnv ......
Vue——stateMixin【十五】
前言 经过initMixin再接下来就到了stateMixin，接下来咱们就看看stateMixin中到底有什么； 内容 stateMixin位于src/core/instance/state.ts下； export function stateMixin(Vue: typeof Component ......
vue项目结合,vant 实现中轮播图中，点击图片放大图片
思路： vant中提供函数 ImagePreview 给原每一个图片子元素设置点击事件，api中提供 initial-swipe 索引，拿到原图索引 设置change事件，保存大图切换的对应索引给到自己的 initial-swipe索引中 设置图片预览切换时，根据切换后的索引，设置原图的位置，大图原 ......
vue学习 第四天 css ---元素显示模式 display
导学： 1）设置元素显示模式 display 2）block（块）、inline（行内）、inline-block（行内块） 3）每一种元素模式的特点 1、元素显示模式 : 独占一行 （块元素） 和 共用一行 （行内元素） HTML元素一般分为块元素和行内元素两个类型。 2、块元素：<h1>~<h6 ......
JS实现文件上传下载功能实例解析.
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......
js 中 对 String 的操作
// charAt()：返回指定位置的字符。 const str = "hello"; const char = str.charAt(1); // "e" // charCodeAt()：返回指定位置字符的Unicode编码。 const str = "hello"; const unicode ......
js相关的一些知识点
//"?." 是JavaScript中的可选链操作符，用于在对象属性链式调用过程中判断前面的属性是否存在，// 如果存在则继续调用，否则返回undefined。这个操作符可以避免因为某个属性不存在而出现程序崩溃或异常情况，提高代码的健壮性和可读性。例如： const person = { name: ......
JS实现文件上传下载功能实例解析
前言 文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案 ......
可视化大屏的终极解决方案居然这么简单，vue-autofit一行全搞定！
可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结 ......
vue3 create-vue 开启vite自动验证eslint
0. vue3 cli推荐新的构建工具 vite,但没有yarn run dev后并不自动检测eslint规则,需要运行yarn run eslint 1. 添加组件即可 yarn add vite-plugin-eslint --dev 2. 在vite.config.js加入 1 import ......
js实现防抖(debounce)与节流(throttle)
防抖(debounce) 一句话概括：防抖是给定一个时间周期，如果触发事件的周期小于该事件（也就是触发过快），则不会触发事件。 举个例子：我给定的时间周期是1s，如果我在触发第一次事件后1s内触发该事件，则重新开始计时，直到触发周期大于1s才会执行事件的方法。 function debounce(f ......
ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时间之间差不能超过3天
在项目中这个问题在困扰我，虽然我知道它是有一个Api是disableDate来控制时间的选择；但是只能够实现开始时间跟结束时间之间差不能超过3天。 效果图 接下来就是代码时间呀 <a-col> <a-form-model-item label="任务时间范围" prop="priceRangeDat ......
vue3 keep-alive实现tab页面缓存
先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
vue自定义事件
书接上文，我们仔细想一想，如果我们想要在模板标签中，操作vue对象中的数据，根据前面学习的知识我们可以知道， 如果模板标签想要读取vue对象中的数据，需要对想要的数据进行绑定，并且通过props接收， 如此以来，我们实际上是将vue中的数据传到了模板里，也就是说，在模板中的数据类似于局部变量， 对局 ......
vue打包后，接口请求404的完美解决方案
在开发环境中，和后台对接为了解决跨域问题，使用了代理，也就是vue的proxyTable，但是打包放到生产环境中去时，接口请求不到，404，原因是开发环境的代理并不能用到生产环境，但是直接在请求接口是使用服务器地址，可以成功，但是会造成cookie丢失而失去权限验证 我脑海里出现有两种办法，一是使用 ......
js中的worker使用及多线程改单线程实现
一、Worker 使用 创建worker实例 var worker = new Worker(url); // 创建Worker对象 只会执行url指定的脚本，必须同源 主线程 // 监听接收worker线程信息 worker.onmessage = (e) => console.log(`接收到w ......
关于js正则表达式判断格式是否应该跳转
问题描述 在利用js的正则表达式判断输入内容格式是否符合要求时，发现无论格式是否正确都能够跳转到相应界面 问题解决 在javascript标签里面已经设置了return false；然后跳转照样转不误； 然后尝试在button标签的onclick属性里面改成了这样：onclick="check(); ......
js-防抖和节流的区别及实现
函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次， ......
vue 拖拽功能实现
前言 最新项目里使用到了拖拽的功能，查阅资料后，看到一篇关于拖拽的详细文章：https://www.cnblogs.com/xiaohuochai/p/5886618.html 基于此，记录下 vue 实现拖拽的过程，以下是编写的示例demo效果图： 设置拖拽时，需要拖拽的元素要设置 draggab ......
Vue设置默认加载页面，去掉地址栏#号
{ path: '/', component: Login,//想默认启动的页面}, mode:"history" //去掉地址栏的#号 ......
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
找了很久这个问题 解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题 - 北桥苏 - 博客园 (cnblogs.com) 解决办法 改为 问题解决 没有找到为什么 好像高版本的router没有这个问题 我因为 ......
Vue Typescript 引入文件接口，就无法使用withDefaults
就是代码写的不规范 报错写法 import {Setting} from '@element-plus/icons-vue' import { defineProps ,withDefaults } from 'vue' import {PiProject} from '@/types/Projec ......