E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue3简单使用
Vue3
生命周期钩子函数
一、
Vue3
中的生命周期1、setup():开始创建组件之前,在beforeCreate和created之前执行,创建的是data和method2、onBeforeMount():组件挂载到节点上之前执行的函数
说好不emo
·
2024-09-11 09:37
javascript
前端
vue.js
vue2 wavesurfer.js(7.8.5)
简单使用
文档地址:https://wavesurfer.xyz/docs/总时长:{{totalTime}}播放/暂停停止快退快进音量减速{{speed}}加速从第秒开始播放开始importWaveSurferfrom"wavesurfer.js";importTimelinefrom"wavesurfer.js/dist/plugins/timeline.js";importRegionsfrom"wa
发根强劲
·
2024-09-11 09:30
javascript
vue.js
前端
前端框架
elementui
x-ray社区版
简单使用
教程
下载地址https://github.com/chaitin/xray注意:xray不开源,直接下载构建的二进制文件即可证书生成./xray_windows_amd64genca使用方法1,使用基础爬虫爬取并对爬虫爬取的链接进行漏洞扫描(xray的基础爬虫不能处理js渲染的页面)./xray_windows_amd64webscan--basic-crawlerhttp://example.com
一只迷茫的汪
·
2024-09-11 01:36
工具
爬虫
web安全
vue如何实现路由缓存
(以下示例皆是以
vue3
+vite+ts项目为例)场景一:所有路由都可以进行缓存在渲染路由视图对应的页面进行缓存设置,代码如下::用来渲染当前路由对应的视图。
大宁宁吖
·
2024-09-11 00:59
vue.js
缓存
前端
.NetCore+
vue3
上传图片 Multipart body length limit 16384 exceeded.
实现目标。点击图片上传头像效果图前端部分图片上传关键代码更换头像上传js部分import{ref,reactive,onMounted}from"vue";import{uploadAvatar}from"../../api/auth";import{ElMessage}from"element-plus";exportdefault{setup(){constfit=ref("cover");c
鱼是一只鱼啊
·
2024-09-10 13:43
Vue
后端
.netcore
图片上传
vue3
el-upload
vue3
知识总结
Vue3
是Vue.js的最新版本,相较于Vue2,它在性能、API设计、类型支持等多个方面都有显著的改进和创新。
软件技术NINI
·
2024-09-10 07:32
vue笔记
vue.js
前端
javascript
Vue2组件间通信的14种方式详解
(本篇以Vue2为主,
Vue3
在写啦)开始(引用一张举例图,全文依据下图关系进行举例说明)A组件==1.props/$emit//父向子传值importaaafrom'.
SqCheese
·
2024-09-10 02:32
vue.js
javascript
ecmascript
vue3
+tesseract 图片文字提取
github:https://github.com/naptha/tesseract.js可实现多语言识别,中英文混合识别demo如下:importTesseractfrom"tesseract.js"//方式1:Tesseract.recognize('http://localhost:5173/vue.jpg','eng+chi_sim',).then((d)=>{console.log(d.
妙明元心
·
2024-09-10 01:55
javascript
vue.js
ecmascript
vue3
watch监听响应式数组失效问题
constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
妙明元心
·
2024-09-10 01:55
前端
javascript
vue.js
vue3
el-menu 菜单Maximum recursive updates exceeded 报错
vue3
用el-menu实现管理后台左侧菜单,报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi
supming1
·
2024-09-09 21:48
vue.js
Django5+
Vue3
:OA系统前后端分离项目实战-后端登录功能实现(7)
Django5+
Vue3
系列文章前言本节开始,全文仅对会员开放。若点赞和收藏数量超过100,全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。
Fender的web学习路程
·
2024-09-09 17:48
Django5+Vue3
python
django
vue
web
SpringBoot学习(10)邮件
简单使用
1、pom包配置pom包里面添加spring-boot-starter-mail包引用org.springframework.bootspring-boot-starter-mail2、在application.properties
星河漫漫l
·
2024-09-09 12:13
spring
boot
运维开发
开发语言
学习
Hbase的
简单使用
示例
HBase是基于HadoopHDFS构建的分布式、列式存储的NoSQL数据库,适用于存储和检索超大规模的非结构化数据。它支持随机读写,并且能够处理PB级数据。HBase通常用于实时数据存取场景,与Hadoop生态紧密集成。使用HBase的Java示例前置条件HBase集群:确保HBase集群已经安装并启动。如果没有,你可以通过本地伪分布模式或Docker来运行HBase。Hadoop配置:HBas
傲雪凌霜,松柏长青
·
2024-09-09 11:40
后端
大数据
hbase
数据库
大数据
Python-Matplotlib安装及
简单使用
在使用NumPy进行学习统计计算时是枯燥的,大量的数据令我们很头疼,所以我们需要把它图形化显示。Matplotlib是一个Python的图形框架,类似于MATLAB和R语言。Matplotlib的官网地址是http://matplotlib.org/,下载地址为http://matplotlib.org/downloads.html,选择对应的版本即可安装,我选择的版本为matplotlib-1.
riyuexingchen0909
·
2024-09-09 11:06
python
python
图形
vue3
使用simple-mind-map,分分钟开发思维导图
感觉很复杂的样子,这种很牛p的东西应该不是我三两天就能手写搞定的,于是我github转了一圈,果然不出我所料,对比了几个插件以后我是先选择了
vue3
-mindmap简单易用。
码农九零
·
2024-09-09 09:55
思维导图
插件
vue3
vue.js
Node.js的学习与
简单使用
一、简介1、什么是Node.js简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。2、Node.js有什么用如果你是一个前端程序员,你不懂得像PHP、Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个
学习Java的唐唐
·
2024-09-09 03:45
前端技术学习
java
js
nodejs
java版本ERP管理系统源码 Spring Cloud alibaba Spring Boot MybatisPlus Redis
VUE3
ElementUI 微服务
该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈,并结合前端框架
VUE3
和ElementUI,构建了一个功能丰富、性能
m0_66404702
·
2024-09-09 02:09
java
spring
boot
redis
ERP管理系统源码
vue3
+ant design vue实现表格导出(后端返回文件流类型导出)
1、之前的博客介绍了,依据页面展示的table表格数据为基础展示表格导出,今天介绍下后端返回文件流来实现表格导出。导出import{ExportTheEmployeesTab}from'@/api/import';//导出import{downExcelUrl}from'@/utils/downloadFile';constsearchRef=ref();constexportData1=()=>
炒毛豆
·
2024-09-09 02:09
vue.js
前端
javascript
DataV的安装与使用(
Vue3
版本)
1、DataV(
vue3
)地址:DataV
Vue3
+TS+Vite版|DataV-
Vue3
2、使用npminstall@kjgl77/datav-
vue3
安装3、全局引入。4、此时就可以按需使用了~
炒毛豆
·
2024-09-09 02:39
vue.js
前端
Vue3
+vite打包配置及部分打包优化~
这里介绍的是vite项目的打包配置,若想了解webpack打包配置可看我的其他博客。(下面来介绍下vite打包配置的步骤)1、步骤一:配置base。(为什么需要配置base?这里配置base主要是修改根路径,一般我们在开发环境中引用静态资源可能使用的是绝对路径,但是一旦打包部署到服务器上后可能会报404,无法正确的获取的资源。)//在vite.config.ts中import{defineConf
炒毛豆
·
2024-09-09 02:39
vue.js
前端
vue3
中发请求配置{ isGetDataDirectly: false }属性的作用~
1、{isGetDataDirectly:false}的作用:设置不直接获取数据。2、代码示例:letbaseURL='/api';exportconstgetEmployeeTab=(params)=>{returnrequest({url:`${baseURL}/staff-tag/query-tag`,method:'GET',params,},//设置不直接获取数据{isGetDataDi
炒毛豆
·
2024-09-09 02:39
javascript
前端
vue.js
【
vue3
】钩子函数详细介绍
1、setup()这不是一个传统的钩子函数,但它是最主要的入口点,其为我们使用
Vue3
的CompositionAPI新特性提供了统一的入口,用于初始化组件的状态和定义组合逻辑。
纳米小川
·
2024-09-09 01:31
vue
JavaScript
vue3
前端
javascript
vue.js
vue
前端引入ffmepg 对视频画矩形贴图
业务场景:和后端联调中视频监控需要把人员位置框出,返回的后端只给视频和框选位置先上效果图成功给视频添加了两个框demo技术框架
vue3
+vite+typeScript引入ffmepgnpmi@ffmpeg
全赣州最老实的男人guoy
·
2024-09-08 22:09
前端
音视频
ffmpeg
vue
解决Vue 2.0 安装 vue-router 不成功问题
报错信息:vue解决办法:这是因为npmivue-router默认下载的是
vue3
.0版本对应的,这里需要指定下载版本
[email protected]
什么都是已存在
·
2024-09-08 21:32
javascript
vue.js
Rust使用之【宏】
一、
简单使用
clapclap={version="4.5.17",features=["derive"]}其中,什么是features=["derive"]:表示你希望在添加clap依赖时启用derive
拐几个弯
·
2024-09-08 20:55
RUST笔记
rust
开发语言
后端
VitePress 布局插槽使用指南
VitePress是一款基于Vite和
Vue3
的静态网站生成器,专为文档编写而设计。VitePress的默认主题提供了丰富的布局插槽,允许开发者在页面的特定位置注入自定义内容。
软考鸭
·
2024-09-08 14:47
vitepress
vitepress
博客
Module “console“ has been externalized for browser compatibility.
1.问题描述
Vue3
.5.3中import{error}from"console";出现以下错误__vite-browser-external:console:3UncaughtError:Module"console"hasbeenexternalizedforbrowsercompatibility.Cannotaccess"console.error"inclientcode
NavinCodeSpace
·
2024-09-08 14:46
vue.js
前端
vue3
+ vite + js 配置Eslint + prettier_vite+js+
vue3
配置eslint
server:{port:3300,cors:true,proxy:{}},build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser(ESLint解析器)pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码,就要使用@babel/core模块。pnpmadd@babel/esl
2401_84446882
·
2024-09-08 10:51
程序员
javascript
vue.js
前端
vue3
+ vite + js 配置Eslint + prettier_vite+js+
vue3
配置eslint(2)
build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser(ESLint解析器)pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码,就要使用@babel/core模块。pnpmadd@babel/eslint-parser@latest-D#####第五步安装prettier(
2401_84446882
·
2024-09-08 10:21
程序员
javascript
开发语言
ecmascript
vue3
+ vite + js 配置Eslint + prettier_vite+js+
vue3
配置eslint(1)
第三步安装vite-plugin-eslint//该包是用于配置vite运行的时候自动检测eslint规范,不符合页面会报错pnpmaddvite-plugin-eslint@latest-D//安装最新版eslint-plugin-vuepnpmaddeslint-plugin-vue@latest-D配置vite.config.jsimport{defineConfig}from'vite'i
2401_84446882
·
2024-09-08 10:21
程序员
javascript
vue.js
前端
花十分钟将
vue3
前端项目一步一步自动化部署到linux的docker上
要编写与ASM兼容的代码,开发人员需要使用UserIdService中的takeUserId()函数来确定OCC调用中使用的userId。这通常在一个服务中完成,该服务调度一个在有效负载中包含userId的Action.在Spartacus官方支持ASM场景之前,在代表经过身份验证的用户发送的请求中,OCCuserId是特殊的currentOCC用户,由OCC_USER_ID_CURRENT常量表
东方睡衣
·
2024-09-08 10:15
自动化
运维
vue3
找不到模块“element-plus”或其相应的类型说明
假设你npminstallelement-plus,之后项目已经有了模块,但是引入的时候说找不到但是在package.json已经有了解决办法:在src文件夹下创建一个文件,可以自定义名字,但是后缀是.d.ts将你没有的模块导入进来
拿铁不拿铁
·
2024-09-08 07:29
vue
微信小程序uniapp
vue3
版本-控制tabbar某一个的显示与隐藏
1.首先在pages.json中配置tabbar信息2.在代码根目录下添加tabBar代码文件直接把微信小程序文档里面的四个文件复制到自己项目中就可以了3.根据自己的需求更改index.js文件首先我这里需要判断什么时候隐藏某一个元素,需要引入接口然后在切换tabbar时,改变tabbar当前点击的元素importgetListfrom'../api/kdh'Component({data:{}.
牛奶皮子
·
2024-09-08 07:23
微信小程序
uni-app
小程序
Vue3
+elementplus实现图片上传下载(最强实践)
图片上传子组件:实现照片的上传,预览,以及转成以逗号隔开的图片地址,即时监听,并发送消息到父组件。Loading...import{computed,ref,watch}from'vue';import{upload}from'@/api/file'import{ElMessage}from'element-plus'importemitterfrom'@/utils/emitter'//上传文件
J不A秃V头A
·
2024-09-08 06:17
前端
vue.js
前端
javascript
VitePress 自定义 CSS 指南
VitePress是一款基于Vite和
Vue3
的静态网站生成器,专为文档编写而设计。尽管VitePress提供了丰富的默认主题,但在某些情况下,我们可能需要对其进行更深入的定制以满足特定的视觉需求。
软考鸭
·
2024-09-08 00:36
vitepress
vitepress
博客
Vue3
+ vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design
项目中使用
Vue3
+vite+antdv2.x的vite.config.js配置文件,复制粘贴即可使用!
咏春-迪迦
·
2024-09-07 19:05
JavaScript
javascript
vue.js
前端
解决vite打包出现 “default“ is not exported by “node_modules/...问题
项目场景:uniapp+
vue3
+ts+vite问题描述:场景很多,下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild
司徒小北
·
2024-09-07 19:29
vue.js
前端
uniapp
uniapp打包
打包app
Pinia+
Vue3
使用案例及Pinia持久化存储
为什么要使用PiniaPinia是Vue的一个存储库,它允许你跨组件/页面共享状态。如果你熟悉CompositionAPI,你可能会认为你已经可以通过一个简单的导出conststate=reactive({})来共享一个全局状态。这对于单页应用程序是正确的,但如果是服务器端呈现,则会暴露应用程序的安全漏洞。但即使是在小的单页应用程序中,你也可以通过使用Pinia获得很多:热模块替换修改存储而无需重
m0_67401228
·
2024-09-07 17:52
面试
学习路线
阿里巴巴
android
前端
后端
前端面试遇到的问题记录(实习)
一、vue2和
vue3
的区别Vue2和
Vue3
之间存在一些重要的区别,这些差异主要体现在架构、API、性能优化和开发体验等方面。
为什么没有实习
·
2024-09-07 17:19
前端
javascript
vue3
和vue2的双向绑定原理
在Vue2和
Vue3
中,双向绑定的实现原理有所不同。
m0_73882020
·
2024-09-07 10:57
vue.js
javascript
前端
vue3
+vite+electron开发桌面端应用流程
一、创建项目初始化项目:npminitvite@latest'projectname:输入项目名称,selectaframework:选择框架vueselectavariant:选择使用js或者ts安装默认依赖包:进入项目,npminstall安装electron:npminstall--save-develectron安装热加载(自动加载更新):npminstallelectron-reload
沪cares
·
2024-09-07 09:21
vue
electron
javascript
前端
vue3
中provide和inject使用。
在
Vue3
中,provide和injectAPI是一种非常强大的功能,用于在组件层级之间传递数据,特别是在处理深层嵌套组件时非常有用。
gxw_viva
·
2024-09-07 08:43
vue3学习笔记
vue.js
前端
javascript
Vue 3 中 provide 和 inject 高级用法与最佳实践
《
Vue3
中provide和inject高级用法与最佳实践》一、基本概念二、高级用法(一)提供函数(二)响应式数据(三)多值提供三、最佳实践(一)封装通用服务(二)避免过度依赖(三)命名规范(四)结合Vuex
暖阳浅笑-嘿
·
2024-09-07 07:12
vue.js
前端
javascript
Vue 3 中的 provide 和 inject 跨组件通讯
在
Vue3
中,provide和inject的使用方式略有不同,但依然提供了强大的功能来实现跨组件通信。1.祖先组件提供数据在祖先组件中使用provide提供数据。
u010373106
·
2024-09-07 06:03
Vue
vue.js
javascript
前端
vue3
,贪吃蛇
得分:{{score}}速度:{{speed}}游戏暂停按空格键开始/暂停重新开始import{ref,reactive,onMounted,toRefs,watch,computed,onUnmounted,}from"vue";/***@param{value}0-空格子1-蛇蛇2-食物*@param{ROW}行数*@param{COL}列数*@param{direction}蛇蛇移动方向0-
har01d
·
2024-09-07 04:20
javascript
前端
vue.js
elementui
css3
在 Vue 3 中,如何使用 Teleport 来优化组件的 DOM 结构?
在
Vue3
中,是一个内置组件,它允许你将组件的DOM输出到组件外部的DOM节点中。
盼盼盼
·
2024-09-07 01:28
面试题
vue
前端
vue.js
javascript
ecmascript
【
vue3
+ts+vant】上传图片
1.使用van-upload组件,进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定,支持选择图片后触发函数,支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius:50%;background-c
lisa带你捕蟑螂
·
2024-09-07 00:54
vue.js
前端
typescript
使用
vue3
+ts封装一个自动补全输入框Autocomplete组件
创建一个名为Autocomplete.vue的文件,在这个组件中,使用了
Vue3
的CompositionAPI,包括ref、watch、onMounted等。
温暖前端
·
2024-09-07 00:22
javascript
前端
vue.js
uniapp,
vue3
,ts,接口封装、小程序登录
在src下创建public文件夹,在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resol
程序猿_“大神”
·
2024-09-06 23:19
uni-app
前端
typescript
vue3
+ts封装类似于微信消息的组件
组件代码如下:{{duration}}'' {{duration}} ''import{ref,computed,withDefaults,onBeforeUnmount}from"vue";//使用withDefaults提供默认值constprops=withDefaults(defineProps(),{isSent:false,iconColor:"#000000",b
月伤59
·
2024-09-06 23:47
vue.js
前端
javascript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他