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
+JAVA)
vue部分代码xx.vueimportRecorderfrom'./Recorder.js';exportdefault{data(){return{mediaStream:null,recorder:null,isRecording:false,audioChunks:[],vadInterval:null//新增:用于存储声音活动检测的间隔ID};},asyncmounted(){this.m
a26637896
·
2025-02-19 12:03
音视频
java
javascript
总结了
Vue3
的七种组件通信方式,别再说不会组件通信了
写在前面本篇文章是全部采用的这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好,学习不写demo,那就是耍流氓~本篇文章将围绕下面这个demo,列表_和
全栈战神
·
2025-02-19 11:58
vue.js
前端
javascript
vue3
在router.addRoute(route))之后跳转页面404且路由matched是空
在
Vue3
中使用router.addRoute(route)动态添加路由后,路由的匹配信息(即matched数组)可能会显示为空。这是因为路由的匹配信息是惰性更新的,只有在路由跳转时才会重新计算。
·
2025-02-19 10:51
如何使用
Vue3
创建在线三维模型展示?
本文由ScriptEcho平台提供技术支持项目地址:传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像,展示了RoughJS库的强大功能,可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形,包括:火焰主体:使用path()函数绘制,采用不规则的形状和粗糙的线条。火焰细节:添加了额外的pat
ScriptEcho
·
2025-02-18 21:54
前端
Vue 3 Composition API进阶指南
在上一篇文章中,我们介绍了
Vue3
的CompositionAPI基础,包括如何使用setup函数、ref和reactive来创建响应式数据,以及使用watchEffect来监控数据变化。
前端学步
·
2025-02-18 16:55
Vue3技术分享专栏
vue.js
javascript
前端
Vue3
CompositionAPI
Vue3
CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=
jpruby
·
2025-02-18 16:24
vue
Vue3
的Composition API
Vue3
的CompositionAPI(
Vue3
与Vue2的区别)
Vue3
引入了CompositionAPI(组合式API),这是一种新的编写组件逻辑的方式,旨在解决OptionsAPI在某些场景下的局限性
Sunshinedada
·
2025-02-18 16:51
vue.js
前端
javascript
封装websocket,兼容uniapp及普通
vue3
应用
本文将实现websocket的封装,采用typescript+
vue3
实现,同时支持uniapp中使用。
一个水货程序员
·
2025-02-18 13:30
websocket
uni-app
网络协议
vue3
naive ui+java下载文件
java后端代码importorg.springframework.http.HttpHeaders;importorg.springframework.http.MediaType;importorg.springframework.http.ResponseEntity;importorg.springframework.web.bind.annotation.GetMapping;impor
weixin_42485982
·
2025-02-18 12:46
java
vue
在
vue3
中配置scss
要在
Vue3
中使用SCSS(Sass的一个子集),你需要安装相应的依赖,并对项目进行一些配置。
库库林_沙琪马
·
2025-02-18 10:46
#
Vue组件直接使用
scss
vue.js
前端
vue基础(十)
在此介绍Vue2和
Vue3
中路由的使用。
Goodbaibaibai
·
2025-02-18 09:45
面试
vue.js
v3-electron-vite项目快速入门指南
v3-electron-vite项目快速入门指南v3-electron-vite⭐A
vue3
electronadmintemplate,basedon'vite'项目地址:https://gitcode.com
罗昭贝Lovely
·
2025-02-18 04:51
计算机学习建议
对于现代得计算机开发者而言;最快的是要见到成效;这是一个功利性的社会;对于99%的人来说,先保证自己可以在社会上活下去才是最重要的;而不是追求梦想;一、职业Web前端:HTML、CSS、JavaScript、
Vue3
qincjun
·
2025-02-17 19:09
学习
用
vue3
写一个好看的wiki前端页面
以下是一个使用
Vue3
+ElementPlus实现的Wiki风格前端页面示例,包含现代设计、响应式布局和常用功能:TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title
云浩舟
·
2025-02-17 18:30
前端
vue.js
javascript
Vue2 与
Vue3
中 Computed 计算属性详解
目录Vue2与
Vue3
中Computed计算属性详解一、Vue2中的Computed计算属性1.简单写法2.get和set写法二、
Vue3
中的Computed计算属性1.简单写法2.get和set写法三
阿贾克斯的黎明
·
2025-02-17 14:29
前端
vue.js
前端
javascript
vue h函数
在
Vue3
中,这是启动应用的主要方法。defineComponent:用于定义一个组件。在
Vue3
中,这是一种定义组件的选项式API的替代方法。resolveComponen
月下第一风流
·
2025-02-17 14:52
vue.js
javascript
前端
vue3
- 【完整源码】实现网页整屏大量图片、div 容器的自适应瀑布流布局,宽高度不固定的列表式瀑布流展示效果(高效无 BUG 网站瀑布流效果,超详细代码注释,可根据需求快速进行改造!)
效果图在
vue3
.js网站项目中,实现图片、普通div容器的瀑布流效果完整示例,支持动态加载数据、自定义一行放多少个、各列之间的间距等等!
街尾杂货店&
·
2025-02-17 14:22
前端组件与功能(开箱即用)
vue3
瀑布流布局详细教程
vue3图片列表瀑布流组件
宽高不固定的div实现瀑布
vue3最好用的瀑布流组件插件
vue3瀑布流布局完整示例源码
Vue3
中关于el-dialog组件给其添加:deep()样式不生效
去掉scoped,在样式冲突的情况下,可以给el-dialog添加一个类名。注意:这里element-plus官方文档虽然说custom-class已经弃用了,其实也还能用,因为目前为止还没有改成class去定义。
1142527603
·
2025-02-17 12:11
vue.js
javascript
前端
前端面试题2(
vue3
)
1.
Vue3
中的CompositionAPI是什么?与OptionsAPI的区别是什么?答案:CompositionAPI是
Vue3
引入的一种新的编程模型,它允许开发者以更灵活和模块化的方式组织代码。
GIS-CL
·
2025-02-17 11:59
前端面试题
前端
vue.js
如何构建高效的 Vue 3 前端项目结构
在这篇文章中,我将分解
Vue3
项目的最优文件结
东锋1.3
·
2025-02-17 11:57
vue.js
vue.js
前端
javascript
Vue3
中的 defineProps:优雅地实现子父组件传值
Vue.js一直以来都是前端开发者们钟爱的框架之一,而在最新的
Vue3
中,引入了一些新的特性和改进,其中之一就是defineProps。
良月柒
·
2025-02-17 10:55
vue.js
前端
javascript
vue3
项目开发总结
2、技术选型与框架选择前端框架:选择
Vue3
作为前端框架,利用其组件化、响应式等特性来提高开发效率和代码质量。构建工具:当前使用的是vue-cli。
Yaru11
·
2025-02-17 10:53
vue
前端
MTTK Vue Wrap 项目介绍
关键字:
Vue3
,配置开发,快速开发,组件封装关于本项目概述MttkVueWrap是一个基于
Vue3
的组件封装工具,核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件(SFC
MTTKbelinda
·
2025-02-17 10:53
VUE
Wrap
vue.js
前端
javascript
Vue3
使用 ref、reactive响应式丢失
文章目录一、refreactive实例1.引用refreactive属性2.refreactive替换整条数据3.refreactive解构赋值一、refreactive实例1.引用refreactive属性单独引用refreactive修改其中某一个属性,状态变量不会丢失,正常使用import{ref,reactive,toRefs,toRef}from"vue";constcount=ref(
张帅涛_666
·
2025-02-17 09:15
Vue3开发
vue.js
javascript
前端
vue3
关于插槽的使用
插槽的使用最近把
Vue3
重新复习了一下,发现之前掌握的还不够清楚.所以这里做一下笔记以免忘记,话不多说直接上干货.关于
Vue3
的插槽插槽的使用,用过Vue的人都清楚,就是在需要插入的地方挖个坑,然后你把想要的内容放坑里面
加班是不可能的,除非双倍日工资
·
2025-02-17 09:15
vue3
vue.js
vue3
reactive丢失响应式
问题使用reactive构造响应式对象时,当对其进行重新赋值后,会导致原有变量失去响应式,页面不会发生联动更新例如:1、使用reactive定义一个响应式的对象变量letdata1=reactive({name:'小李',date:'2024-03-18',address:'xx地址'})2、将属性渲染到页面上点击更新{{data1.name}}constchange=()=>{letdata2=
想不到耶
·
2025-02-17 09:41
vue3
前端
vue.js
vue3
.x的Teleport详细解读
Teleport是
Vue3
.x中引入的一个新特性,用于将组件的内容渲染到DOM树中的任意位置,而不受组件自身DOM结构的限制。这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。
黑码小帅
·
2025-02-17 09:09
vue知识点
vue.js
javascript
前端
vue
typescript
前端框架
bootstrap
vue3
解构defineProps失去响应式解决办法
constprops=defineProps({deviceType:{type:String,default:'apple'}});const{deviceType}=props;这样写下来,deviceType,这个玩意就失去响应了。正确的应该向下面的那样constprops=defineProps({deviceType:{type:String,default:"123",},});con
半夏ing
·
2025-02-17 09:38
前端
javascript
开发语言
vue3
响应式丢失解决办法(三)
vue3
的响应式的理解,与普通对象的区别(一)
vue3
分析总结响应式丢失问题原因(二)经过前面2篇文章,知道了响应式为什么丢失了,但是还是碰到了丢失情况,并且通过之前的内容还不能解决。
xiaozaq
·
2025-02-17 08:38
vue.js
前端
javascript
Reached heap limit Allocation failed - JavaScript heap out of memory
问题
vue3
打包时提示ReachedheaplimitAllocationfailed-JavaScriptheapoutofmemory解决方法(
vue3
可用)npminstallcross-envincrease-memory-limit
祝余、
·
2025-02-17 08:34
javascript
开发语言
ecmascript
基于
vue3
实现的课堂点名程序
设计思路采用
vue3
实现的课堂点名程序,模拟课堂座位布局,点击开始点名按钮后,一朵鲜花在座位间传递,直到点击结束点名按钮,鲜花停留的座位被点名。
zhouzhurong
·
2025-02-17 06:52
vue.js
javascript
elementui
DPlayer +
vue3
使用
帮助文档https://dplayer.diygod.dev/zh/guide.html#special-thanks安装pnpminstalldplayer--savepnpminstall@types/dplayer--save-dev使用方法import{ref,onMounted,onBeforeUnmount}from'vue';importDPlayerfrom'dplayer';im
是晓周哦
·
2025-02-17 04:30
javascript
vue.js
前端
视频
typescript
【从0带做】基于Springboot3+
Vue3
的高校食堂点餐系统
大家好,我是武哥,最近给大家手撸了一个基于SpringBoot3+
Vue3
的高校食堂点餐系统,可用于毕业设计、课程设计、练手学习,系统全部原创,如有遇到网上抄袭站长的,欢迎联系博主~详细介绍https:
ADFVBM
·
2025-02-17 01:07
面试
学习路线
阿里巴巴
java
Vue3
+ Moveable + Selecto 拖拽组件 Demo
一、项目概述本demo旨在通过
Vue3
、Moveable和Selecto三个库的结合,实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能,通过Moveable控制选中元素的大小和位置。
巧克力力克巧!
·
2025-02-16 18:51
学习积累
vue.js
javascript
前端
记录一次
vue3
+ ele pls 改写 饿了么主题色实践
一、改写element主题色在main.ts中引入需要改写的scss文件main.ts:import'element-plus/dist/index.css'import'./styles/element-plus.scss'在自定义的element-plus.scss文件中改写elepls的变量element-plus.scss:/***更改主题色*/:root{--el-color-prima
Ashy-
·
2025-02-16 14:23
前端笔记
前端
vue.js
vue3
ref/reactive 修改数组的方法
import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},{id:id++,text:'LearnVue'}])functionaddTodo(){todos.value.pu
取啥好
·
2025-02-16 13:45
vue
vue.js
javascript
前端
从零开始:如何用 Vue 3 和 Vite 创建现代前端项目
从零开始:如何用
Vue3
和Vite创建现代前端项目前言随着现代前端框架的快速发展,开发工具和构建工具也在不断进化。
全栈探索者chen
·
2025-02-16 13:40
前端
前端
vue.js
javascript
开发语言
前端框架
ecmascript
vite
vue3
使用 highlight
1.安装:npminstall--savehighlight.jsnpminstall--save@highlightjs/vue-plugin2.main.js中导入:import'highlight.js/styles/atom-one-dark.css'import'highlight.js/lib/common'importhljsVuePluginfrom'@highlightjs/vu
穿越到未来calc
·
2025-02-16 12:04
模板
vue.js
javascript
前端
Vue3
对接 DeepSeek 的完整指南,包含核心场景、常见问题解决方案及代码示例。内容综合官方文档与实战经验,覆盖开发全流程
以下为
Vue3
对接DeepSeek的完整指南,包含核心场景、常见问题解决方案及代码示例。内容综合官方文档与实战经验,覆盖开发全流程。
繁若华尘
·
2025-02-16 12:03
vue
前端开发
vue.js
ai
前端
javascript
vue和Django快速创建项目
一、VUE1.创建
Vue3
+JavaScript项目npmcreatevite@latest项目名称----templatevue创建
Vue3
+TypeScript项目npmcreatevite@latest
CCSBRIDGE
·
2025-02-16 08:04
了解Vue
vue.js
前端
javascript
跟着ai辅助学习
vue3
第一章:基础入门(1-2周)1.了解
Vue3
概述阅读官方文档简介访问
Vue3
官方文档,在首页或简介板块中,重点了解
Vue3
相较于Vue2的重大变革。
IT、木昜
·
2025-02-16 08:27
vue全家桶
vue
AI辅助学习前端框架
学习
vue3
.x 的 toRef详细解读
在
Vue3
.x中,toRef是一个用于创建响应式引用的工具函数。它可以将一个响应式对象的某个属性转换为一个独立的ref对象,同时保持与原始属性的响应式连接。以下是toRef的详细解读和示例。
黑码小帅
·
2025-02-16 07:23
前端知识总结
vue.js
javascript
前端
vue
bootstrap
less
node.js
Vue3
实战:从零实现电商购物车功能(含完整代码)
文章目录一、功能需求分析二、技术方案选型三、项目结构设计四、核心代码实现1.创建PiniaStore(购物车状态管理)2.商品列表组件3.购物车面板组件五、关键实现细节1.数据持久化方案2.性能优化方案3.异常处理六、扩展功能实现1.服务端同步(示例)2.优惠券功能七、最佳实践建议八、总结一、功能需求分析一个完整的购物车系统需要包含以下核心功能:商品展示模块商品列表展示(图片、名称、价格)商品规格
chenNorth。
·
2025-02-15 12:04
vue
前端
javascript
vue.js
前端
vue3
使用svg图标的方式总结
1.使用标签可以直接在Vue模板中使用标签来插入SVG图标代码。将SVG图标代码复制到模板中,并根据需要添加样式和属性。1234567891011121314.icon{width:24px;height:24px;fill:currentColor;}2.使用Vue组件可以将SVG图标封装为Vue组件,以便在应用程序中多次使用。创建一个新的Vue组件,并在模板中使用标签来插入SVG图标代码。12
lizi88888
·
2025-02-15 12:02
vue.js
前端
javascript
【前端框架】
Vue3
面试题深度解析
本文详细讲解了
VUE3
相关的面试题,从基础到进阶到高级,分别都有涉及,希望对你有所帮助!基础题目1.简述
Vue3
与Vue2相比有哪些主要变化?
西门吹雪~
·
2025-02-15 07:48
前端框架
前端
前端面试
vue
vue3
【前端框架】深入Vue 3组件开发:构建高效灵活的前端应用
一、引言
Vue3
作为一款流行的前端框架,其组件化系统是构建大型应用的核心。通过将应用拆分为多个可复用的组件,不仅能提高代码的可维护性与复用性,还能让开发团队进行高效的协作。
西门吹雪~
·
2025-02-15 07:48
VUE3
vue.js
前端框架
前端
vue3
Vue3
按钮权限控制:解锁前端安全交互新姿势
背景引入在
Vue3
项目开发中,权限管理是不可或缺的一部分,而按钮权限控制更是其中的关键环节。
Jiaberrr
·
2025-02-15 06:16
vue.js
前端
javascript
交互
安全
大事件管理系统(
vue3
)compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)
后台数据管理系统-项目架构设计在线演示:https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径:http://big-event-vue-api-t.itheima.net本项目的技术栈本
章小絮
·
2025-02-15 01:59
vue2和vue3学习
git
pythonweb
项目实例
-Python Web项目实战Day05 - 编写Web框架
在正式开始Web开发前,我们需要编写一个Web框架。aiohttp已经是一个Web框架了,为什么我们还需要自己封装一个?原因是从使用者的角度来说,aiohttp相对比较底层,编写一个URL的处理函数需要这么几步:第一步,编写一个用@asyncio.coroutine装饰的函数:@asyncio.coroutinedefhandle_url_xxx(request):pass第二步,传入的参数需要自
weixin_39593427
·
2025-02-15 00:52
比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比
Vue3
的setup函数vsVue2的created和data
Vue3
引入了setup函数,作为CompositionAPI的核心部分,它彻底改变了Vue组件的逻辑组织和代码复用方式。
dxh_888
·
2025-02-14 22:12
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
其他