组件 常用confirm 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

docker常用命令

#一、Docker基本概念 ###1.镜像(Image) Docker 镜像 是一个特殊的文件系统,除了提供容器运行时所需的程序、库、资源、配置等文件外,还包含了一些为运行时准备的一些配置参数(如匿名卷、环境变量、用户等)。镜像 不包含 任何动态数据,其内容在构建之后也不会被改变。 docker的镜 ......
命令 常用 docker

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

一统天下 flutter - widget Sliver: SliverToBoxAdapter - 为不可滚动组件提供 sliver 效果

源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Sliver: SliverToBoxAdapter - 为不可滚动组件提供 sliver 效果 示例如下: lib\widget\sliver\s ......

一统天下 flutter - widget Sliver: NestedScrollView - 为可滚动组件提供 sliver 效果

源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Sliver: NestedScrollView - 为可滚动组件提供 sliver 效果 示例如下: lib\widget\sliver\nest ......

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 框架 风险 目标

MySQL常用函数

mysql是一个常用的关系型数据库管理系统,提供了许多有用的函数来帮助处理数据。下面是一些mysql中常用的函数: 字符串函数 concat():将两个或多个字符串连接起来。 length():返回指定字符串的字符数。 substr():返回指定字符串的子串。 lower():将指定字符串转换为小写 ......
函数 常用 MySQL

Java__SpringBoot与Vue连接

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

前端常用

常用 设计一个居中的代码 <template> <el-container class="container"> <el-card class="box-card"> <div class="clearfix"> <span>卡片名称</span> <el-button style="float: ......
前端 常用

常用代码-03

选中表格当前行: 代码: $("body").on("click", "table > tr > td:nth-child(4)", function () { let currentRow = $(this).closest("tr"); let currentRowtd01 = currentR ......
常用 代码 03

Vue 3.0自定义指令

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

组件的样式(含三元表达式)

04-组件的样式 import '../css/01.css' //导入样式 function App(){ var myname="lucax" var obj={ background:"red", fontSize:"40px" //font-size 所有样式的-都改为用驼峰写法去替代 } ......
表达式 样式 组件

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

docker一些常用命令

docker version:查看Docker版本信息。 该命令可以查看当前安装的Docker版本信息,包括Docker引擎、客户端、API等版本。 docker info:查看Docker的详细信息。 该命令可以查看Docker的详细信息,包括容器、镜像、网络等。 docker search:搜索 ......
命令 常用 docker

VSCode常用快捷键总结

一、常用快捷键总结: 1、shift + alt + f 代码格式化 2、ctrl + shift + 恢复被关闭的vs窗口 3、ctrl + b 快捷打开侧边栏和关闭 4、全选 + tab 多行缩进 5、全选 + tab + shift 多行前进 6、新建文件 Ctrl+N 二、同时打开多个窗口( ......
快捷键 常用 VSCode

可视化大屏的终极解决方案居然这么简单,vue-autofit一行全搞定!

可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了,现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢?因为目前市面上适配工具每一个都无法做到完美的效果,做出来的东西都差不多,最终实现效果都逃不出白边的手掌心,可以解决白边问题的,要么太过于复杂,要么会影响dom结 ......

DRF的filter组件

DRF的Filter组件 如果某个API需要传递一些条件进行搜索,其实就在是URL后面通过GET传参即可,例如: /api/users?age=19&category=12 在drf中filter组件可以支持条件搜索。 1. 自定义filter # models.py from django.db ......
组件 filter DRF

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

常用的 API 大全整理

天气查询类 天气预报查询:查询全国以及全球多个城市的天气,包含15天天气预报查询。 空气质量查询: 查询国内3400+个城市的整点观测,获取指定城市的整点观测空气质量。 分钟级降水预报:可准确提醒下一场雨何时出现,何时变大,何时停止等预报信息。 日出日落:获取指定城市/地点每日日出时间、日落时间。 ......
常用 大全 API

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

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