three vue js

Vue3 customRef

视频 4.customRef 作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果: <template> <input type="text" v-model="keyword"> <h3>{{keyword}}</h3> </template> <script> ......
customRef Vue3 Vue

向着Vue3进发,Vue2.7升级指南

北京时间7月1号,Vue2.7正式发布,Vue2.7支持你的项目在不升级Vue3的情况下使用Vue3的特性,例如Composition Api、setup、Css v-bind等。 与此同时,Vue2.7也是Vue2.X的最终次要版本,在这个版本之后,Vue2将进入LTS(长期支持),即从现在开始持 ......
升级指南 Vue 指南 Vue3 Vue2

Node.js Event Loop & V8 engine & libuv All In One

Node.js Event Loop & V8 engine & libuv All In One 事件循环 ......
amp engine Event libuv Node

vue3学习

资料: http://docs.vikingship.xyz/ 声明类型: 1.使用ref可以声明基础数据 2.使用reactive声明对象数据 3.computed可以返回一个不变的响应式对象 比vue2优势:可以直接新增或修改对象数据,也能实时更新 基础数据: 对象数据: 如果想直接用count ......
vue3 vue

Vue3 toRaw与markRaw

视频 3.toRaw 与 markRaw toRaw: 作用:将一个由reactive生成的响应式对象转为普通对象。 使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。 markRaw: 作用:标记一个对象,使其永远不会再成为响应式对象。 应用场景: 有些值不应 ......
markRaw toRaw Vue3 Vue

[vite]: Rollup failed to resolve import "APlayer" from "./APlayer/index.vue".This is most likely unintended because it can break your application at runtime.

这个错误提示是在你使用 Vite 构建项目时遇到的。 错误信息提示 Rollup 在构建过程中无法解析 import "APlayer",而且这很可能会在运行时破坏你的应用程序。这个问题的原因是,APlayer 并不是一个模块,没有被正确地导出到你的项目中。 为了解决这个问题,你需要告诉 Rollu ......
quot APlayer application unintended because

Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传

我用的vue3,element-plus ,没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的,就不复制粘贴了 主要是整理关于七牛云部分的代码,秉着复制就能用的原则,我把自己封装好的组件复制过来 ......

vue中添加生成二维码

1、安装组件 npm install qrcodejs2 --save 2、在页面引用组件 import QRCode from "qrcodejs2"; 3、在页面创建一个存放二维码的区域 <div id="qrcode" ref="qrcode"></div> 4,事件中调用 handlePri ......
vue

基于SpringBoot+Vue的音乐网站

本次项目是基于SpringBoot+Vue的前后端分离项目,旨在熟练相关框架,掌握相关技术,拓展个人知识面。 音乐来源:本地 用户页面:Web 项目亮点:根据歌词、音乐旋律、定位时间线(老师的意见) 确定好方向,开始项目、收集资料、准备相关的开发环境和软件等。 了解项目的结构与逻辑,确定基本功能,需 ......
音乐网站 SpringBoot 音乐 网站 Vue

ai问答:使用 Vue3 组合式API 和 TypeScript 封装 echarts 折线图

<template> <div ref="chart" style="height: 500px;"></div> </template> <script lang="ts"> import { ref, onMounted, watch } from 'vue' import * as echar ......
线图 TypeScript echarts Vue3 Vue

VUE实现文件上传下载功能实例解析

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
上传下载 实例 功能 文件 VUE

Vue向服务端发送axios请求报错解决:AxiosError {message: 'Request failed with status code 403', ...}

Vue向服务端发送axios请求报错解决:AxiosError {message: 'Request failed with status code 403', ...} 登录界面点击提交向服务端发送用户名和密码,在Vue中用axios向服务端发送请求,一直显示403错误: 出现问题的前端请求代码如 ......
AxiosError Request message failed status

Rollup failed to resolve import "vue-demi" from

1、背景: vue3 + vite + ts 的一个项目打包的时候报错了 2、报错截图 3、引入截图 4、修改引入 vue-demi -> vue 5、结果 可以正常打包啦~~ ......
quot vue-demi resolve Rollup failed

Vue 项目安全扫描漏洞,JS 库版本太低,要求升级 YUI(vue2 升级javascript库)【检测到目标站点存在javascript框架库漏洞漏洞风险:中】

原帖:https://blog.csdn.net/u012961419/article/details/130016341 背景公司信安部门对项目进行安全扫描,查出一些漏洞,其中有一项要求升级 javascript 框架库(如图): 吓得我以为让我把 Vue2 升级成 Vue3。 经过一番询问后才知 ......
漏洞 javascript 框架 风险 目标

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 ......
iconfont cnblogs unknown bug All

Java__SpringBoot与Vue连接

SpringBoot与Vue 注解RequestMapping("/dir/") 创建一个方便前端调用的接口目录/接口函数,前端可以获取到函数返回的数据 @RestController @RequestMapping("/dir/") public class BotInfoController { ......
SpringBoot Java Vue

Vue 3.0自定义指令

Vue2 和 Vue3 在自定义指令上有一些差异,并不完全一致,下面的介绍主要是针对 Vue3 的介绍。 1. 作用域 自定义指令有两种作用域,一种是局部的自定义指令,还有一种是全局的自定义指令。局部的自定义指令就只能在当前 .vue 文件中使用,全局的则可以在main.js里挂载之后,在所有的 . ......
指令 Vue 3.0

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 ......
windows node vue 3.0

Vue——stateMixin【十五】

前言 经过initMixin再接下来就到了stateMixin,接下来咱们就看看stateMixin中到底有什么; 内容 stateMixin位于src/core/instance/state.ts下; export function stateMixin(Vue: typeof Component ......
stateMixin Vue

vue项目结合,vant 实现中轮播图中,点击图片放大图片

思路: vant中提供函数 ImagePreview 给原每一个图片子元素设置点击事件,api中提供 initial-swipe 索引,拿到原图索引 设置change事件,保存大图切换的对应索引给到自己的 initial-swipe索引中 设置图片预览切换时,根据切换后的索引,设置原图的位置,大图原 ......
图片 项目 vant vue

vue学习 第四天 css ---元素显示模式 display

导学: 1)设置元素显示模式 display 2)block(块)、inline(行内)、inline-block(行内块) 3)每一种元素模式的特点 1、元素显示模式 : 独占一行 (块元素) 和 共用一行 (行内元素) HTML元素一般分为块元素和行内元素两个类型。 2、块元素:<h1>~<h6 ......
元素 display 模式 vue css

JS实现文件上传下载功能实例解析.

​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 ......
上传下载 实例 功能 文件

js 中 对 String 的操作

// charAt():返回指定位置的字符。 const str = "hello"; const char = str.charAt(1); // "e" // charCodeAt():返回指定位置字符的Unicode编码。 const str = "hello"; const unicode ......
String js

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 ......
create-vue vue create eslint vue3

js实现防抖(debounce)与节流(throttle)

防抖(debounce) 一句话概括:防抖是给定一个时间周期,如果触发事件的周期小于该事件(也就是触发过快),则不会触发事件。 举个例子:我给定的时间周期是1s,如果我在触发第一次事件后1s内触发该事件,则重新开始计时,直到触发周期大于1s才会执行事件的方法。 function debounce(f ......
debounce throttle

ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时间之间差不能超过3天

在项目中这个问题在困扰我,虽然我知道它是有一个Api是disableDate来控制时间的选择;但是只能够实现开始时间跟结束时间之间差不能超过3天。 效果图 接下来就是代码时间呀 <a-col> <a-form-model-item label="任务时间范围" prop="priceRangeDat ......
时间 a-rang-picker 之间 日期 design