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
markdown编辑器vue3
SprinBoot+Vue健康管管理微信小程序的设计与实现
目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5
Vue3
.6uniapp
赵广陆
·
2024-09-03 01:06
project
vue.js
微信小程序
notepad++
SprinBoot+Vue停车场管理微信小程序的设计与实现
目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5
Vue3
.6uniapp
赵广陆
·
2024-09-03 01:06
project
vue.js
微信小程序
notepad++
vue3
中用css transform实现组件自由拖拽
在
Vue3
中,可以使用CSStransform和mousedown、mousemove、mouseup事件来实现组件的自由拖拽。以下是一个简单的例子,展示如何使用这些技术来实现组件的自由拖拽。
天天进步2015
·
2024-09-02 13:26
前端开发
css
前端
vue.js
Vue 3 中 `async` 函数的示例
在
Vue3
中,async函数通常用于处理异步操作,例如从服务器获取数据或执行耗时任务。async函数返回一个Promise,并且可以使用await关键字等待异步操作完成。
天天进步2015
·
2024-09-02 13:26
前端开发
vue.js
javascript
前端
Vue3
优化表单标签与布局,解决文字过长问题(附Demo)
目录前言1.增加标签宽度(生效)2.工具提示Tooltip(勉勉强强)3.缩小字体(不生效)4.CSS控制换行(不推荐)前言好不容易构思整个表单的布局,但是个别表单的文字过长,导致自动换行,遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整:尝试了多种方案,最终才有成效对于其他的方式,诸位也可尝试下1.增加标签宽度(生效)通过增加el-form-item的label-width,让
码农研究僧
·
2024-09-02 11:48
前端/小程序
vue.js
前端
javascript
Vue3
学习记录——(1)MVC与MVVM
1.传统的MVC模式模型(Model):数据存储。视图(View):用户界面。控制器(Controller):业务逻辑。Model代表数据存储,主要用于实现数据的持久化;View代表用户界面(UI),主要用于实现页面的显示;Controller代表业务逻辑,串联起View和Model1.流行的MVVM模式模型(Model):数据存储。视图(View):用户界面。视图模型(ViewModel):数据
一只漫步前行的羊
·
2024-09-02 04:03
Vue3学习记录
vue.js
学习
mvc
在
vue3
中封装WebSocket
下载websocketnpminstallwebsocket或yarnaddwebsocket一、新建webSockte.js文件//webSocket.js//自定义组合式函数,用于管理WebSocket连接import{ref,onMounted,onBeforeUnmount}from"vue";constuseWebSocket=(url,reconnectInterval=10000,m
_Legend_King
·
2024-09-02 03:57
websocket
javascript
网络协议
滴滴前端日常实习一面
简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型
Vue3
和Vue2的区别Vue生命周期钩子,activated和deactivated用过吗Vue
真的很上进
·
2024-09-02 01:39
前端
面试
javascript
vue
java
uniapp使用 uview-plus 底部导航栏(
vue3
项目)
前提:项目中已引入uview-plus,具体可查看uview-plus官网Tabbar底部导航栏网站:Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址:front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo
奔跑的露西
·
2024-09-01 21:17
微信小程序
uni-app
vue.js
前端
uniapp使用 uview-plus 底部导航栏(
vue3
项目)_uniapp底部导航栏
先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!因此收集整理了一份《2024年最新大数据全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵
2401_84181383
·
2024-09-01 20:15
2024年程序员学习
uni-app
uniapp使用 uview-plus 底部导航栏(
vue3
项目)_uniapp底部导航栏(1)
}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明:*
2401_84182793
·
2024-09-01 20:15
2024年程序员学习
uni-app
javascript
前端
Vue3
学习总结-v-if与v-show的使用案例和区别
Vue3
实战:v-if与v-show在用户界面切换中的应用在Vue.js中,v-if和v-show是两种常用的条件渲染指令,它们允许我们根据表达式的值来动态地显示或隐藏DOM元素。
风清扬雨
·
2024-09-01 19:06
前端Vue3
学习
vue.js
前端
前端框架
vue中ref和reactive
ref和reactive是
Vue3
中用于创建响应式数据的两个重要API,它们之间存在几个关键的区别,主要体现在数据类型、使用方式、访问方式以及设计理念上。
Lancelot212
·
2024-09-01 18:58
vue.js
前端
javascript
Vue3
ElementPlus Table表格实现单选
import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate=reactive({tableData:[{name:'烬'},{name:'塞拉'},{name:'格温'}],});//主要方法//table选择项发生变化时会触发该事件constselectClick=(selection:a
云只上
·
2024-09-01 12:20
vue.js
javascript
前端
vue3
+ts 中使用mitt进行跨组件通信
mitt插件的使用安装插件进行封装一个模块,对外暴露一个Mitt实例使用安装插件官方文档pnpmimitt--s//我用的pnpm或npmi--smitt或yarnaddmitt进行封装一个模块,对外暴露一个Mitt实例1、在utils文件夹下新建mitt(例如mitt.ts),用于初始化并导出mitt实例://src/eventBus.tsimportmittfrom'mitt';//定义事件类
我胡为喜呀
·
2024-09-01 11:44
vue.js
前端框架
前端
Vue3
与TypeScript的深度结合:技术指南及实践详解
引言Vue.js在
Vue3
版本中引入了众多革新性的功能和优化,如CompositionAPI、Teleport组件等,并且对性能和可维护性进行了显著提升。
小码快撩
·
2024-09-01 10:34
vue.js
typescript
vue3
reactive和ref的区别
定义角度来看ref用来定义:基本类型数据。reactive用来定义:对象(或数组)类型数据。备注:ref也可以用来定义对象(或数组)类型数据,它内部会自动通过reactive转为代理对象。constisActive=ref(false)console.log(isActive.value)//falseconstperson=reactive({name:'zhang',age:'18'})原理角
张张张爱学习
·
2024-09-01 04:02
Vue3
vue.js
前端
javascript
vue3
keep-alive 缓存的是什么信息 el-table的expand-row-keys展开是否会默认缓存
在
Vue3
中,组件用于缓存不活动的组件实例,而不是渲染内容。当组件被缓存时,它的状态和数据将被保留,直到组件再次被激活。
qq_42463588
·
2024-09-01 04:01
缓存
vue.js
前端
vue3
+ ts中有哪些类型是由
vue3
提供的?
在
Vue3
中结合TypeScript使用时,Vue提供了一系列的类型帮助函数和接口,这些类型用于增强TypeScript的集成和提供类型安全。
汝&戏
·
2024-09-01 04:31
vue3+ts
vue.js
前端
javascript
vue3
中,子组件如何向父组件传值
写作灵感最近在写项目时,有多个页面都需要使用到一个搜索栏。因此,就需要将搜索栏封装成一个组件,我们在其他组件使用搜索组件时,需要将搜索到的内容传入父组件进行展示。此时,就需要用到子组件向父组件传值了。使用子组件向父组件传递值时,相信遇到最多的便是emit进行传值了。下面我将介绍我用到的两种传值方式:使用setup语法糖和不使用setup语法糖的两种方式。(父组件的书写放在后面)使用setup语法糖
易烊子豪
·
2024-09-01 02:51
vue.js
前端
javascript
手把手学习
Vue3
.0:CSS样式基础和HTML5基础收藏
背景最近在做管理系统的时候我还不会用Vue,时间紧任务重就先用J2EE那套,利用layUI先实现了。现在从头学习前后端分离技术来搞,在做的过程中对CSS和HTML5的基础语法都已经全忘了,正好总结一下,其实也没有什么好总结,就是一个搜集一下语法手册,用的时候方便查查。我也顺便弄明白了一个事情,就是到底人们常说的H5到底是什么,当我从知乎上看明白后,心中一万个草拟吗奔腾而过。如果你有幸读到我这篇文章
帅哥趣谈
·
2024-09-01 01:43
手把手学习Vue3.0
vue
在线图书管理系统”的Vue.js项目
我们将使用Vue.js2.x(或
Vue3
.x,视你偏好而定),结合VueRouter进行页面路由管理,Vuex进行状态管理,以及Axios进行HTTP请求。
hai40587
·
2024-08-31 21:51
vue.js
前端
javascript
uniapp解决app端不能用<web-view>将外部页面嵌入当前页面的问题
uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码(兼容h5与app)父页面子组件Vue2
Vue3
、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5
舍予一
·
2024-08-31 20:15
前端知识汇总
关于学习
开发中遇到的各种问题
uni-app
前端
大屏可视化项目之
vue3
-seamless-scroll无缝滚动组件(一)——基本使用_vue seamless scroll官网
import{defineComponent,ref}from“vue”;import{
Vue3
SeamlessScroll}from“
vue3
-seamless-scroll”;exportdefaultdefineComponent
2401_84411822
·
2024-08-31 18:01
vue.js
javascript
前端
VUE3
笔记
前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、
VUE3
第一章、基础一、vue简介1、学习阶段vue2基础vue-cli
一介书生.
·
2024-08-31 16:48
前端
javascript
vue.js
前端
vue3
路由的使用
路由的使用在传统的Web开发过程中,当需要实现多个站内页面时,以前需要写很多个HTML页面,然后通过标签来实现互相跳转。在如今工程化模式下的前端开发,像Vue工程,可以轻松实现只用一个HTML文件,却能够完成多个站内页面渲染、跳转的功能,这就是路由。TIP从这里开始,所有包含到.vue文件引入的地方,可能会看到@xx/xx.vue这样的写法。@views是src/views的路径别名,@cp是sr
前端不加班
·
2024-08-31 16:45
vue3
vue.js
javascript
前端
vue3
.x+typescript 配置全局属性-
vue3
配置全局axios
下面是在
vue3
.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou
我爱张智容
·
2024-08-31 16:37
SprinBoot+Vue学生选课小程序的设计与实现
目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5
Vue3
.6uniapp
赵广陆
·
2024-08-31 15:39
project
vue.js
小程序
notepad++
vue2/3 - 解决项目运行或安装依赖npm install时,出现报错 errno -4048 | Error: EPERM: operation not permitted, mkdir错误
错误截图在vue2|
vue3
|nuxt项目开发中,运行或执行安装依赖包命令install时出现报错:npmERR!errno-4048|npmERR!
街尾杂货店&
·
2024-08-31 14:06
前端常见问题解决
前端组件与功能(开箱即用)
vue.js
nuxt.js
npm
install报错
errno
-4048
operation
not
p
node_modules
清掉缓存删掉npmrc无效
谈谈nvm、nrm、pnpm的理解
nvm版本过低是不兼容
vue3
的项目的,我推荐1.
段子君
·
2024-08-31 14:32
nvm
nrm
pnpm
前端
2024年8月31日CSDN自动提示的用法
这里写自定义目录标题欢迎使用
Markdown编辑器
新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、
常家壮
·
2024-08-31 09:34
Windows
大闸蟹
CSDN
markdown
用法
笔记
经验分享
Vue3
项目中页面滚动加载更多的原生操作
效果:数据未回来就是加载中,加载数据完成后就会显示没有更多的数据了步骤一,定义无限下拉的商品组件:xtx-infinite-loading.vue使用了vueuse中的useIntersectionObserve来监听是否达到了可视化界面中,如果到达了界面,就像父组件传自定义属性load通知父组件做接下来的操作正在加载...亲,没有更多了import{ref}from'vue'import{use
是要开心的婷婷呀~
·
2024-08-31 08:53
Vue3
前端
vue.js
html5
javascript
vue3
+vant4父组件点击提交并校验子组件form表单
先看效果代码如下父组件校验表单import{ref}from'vue';importChildFormfrom'./ChildForm.vue';constchildFormRef=ref(null);constvalidateForm=async()=>{if(childFormRef.value){try{constisValid=awaitchildFormRef.value.validat
再希
·
2024-08-31 08:51
vue.js
前端
javascript
JavaWeb——前端工程化
2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+
VUE3
+Router+Pinia+Axios+Element-plusECMAScript6:
VUE3
中大量使用ES6语法;Nodejs
A_Tai2333333
·
2024-08-31 08:21
JavaWeb
前端
Vue的状态管理——Vuex3&4&Pinia
Vue3
中Vuex的使用_
vue3
vuex-CSDN博客VueX详解_组合式vuex-CSDN博客15分钟学会PiniaVuex3和4详解Vuex3Vuex3是Vue.js2.x版本的状态管理库,它提供了一种集中式存储和管理组件状态的方式
GISer_Jinger
·
2024-08-31 08:49
Vue
Javascript
vue.js
前端
javascript
Vue搭建前端监控,采集用户行为的 N 种姿势
//
Vue3
路由写法const
奋斗的工程师
·
2024-08-31 06:39
前端
vue.js
javascript
vue3
背景下,el-input嵌套在弹出框中,自动聚焦“失效”?如何实现自动聚焦
情景:在一个弹出框中,有一个el-input输入框,想要实现当弹出框出现时,input会自动聚焦。使用input的原生属性autofocus去自动获取焦点失效;使用ref获取el-input元素也显示undefined!!!..............先说结论:使用定时器!!//script标签部分内容constdialogFormVisible=ref(false)//获取到input框cons
Now?!
·
2024-08-31 06:39
vue.js
elementui
vue3
项目导入ansi_up报错
前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库,专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中,它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供,无任何依赖,并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
夏与冰
·
2024-08-31 06:08
常用插件
前端
javascript
es6
vue3
项目使用EventSource实现流式输出例如滚动日志
前言之前接触的通信方式主要是HTTP请求和WebSocket,这次有机会了解到EventSource,记录一下。简介EventSource是一个浏览器端用于接收服务器推送事件(Server-SentEvents,SSE)的JSAPI。与WebSocket不同,SSE是单向的(服务器到客户端),适用于更新频率不高的实时通知、消息推送等场景。基本用法创建连接consteventSource=newEv
夏与冰
·
2024-08-31 06:08
javascript
前端
vue
vue3
+vite+ts+pinia新建项目(略详细版)
1、新建项目npmcreatevite@latest2、安装依赖yarnaddvue-routeryarnadd-D@types/nodevite-plugin-pagessasssass-loader3、配置别名//vite.config.tsimport{defineConfig}from'vite'importpathfrom'node:path'exportdefaultdefineCon
chu_geng
·
2024-08-31 06:06
vue3
ts
pinia
naive-ui
vite
vue3
+ts报错:找不到模块“./App.vue”或其相应的类型声明
原因是typescript只能理解.ts文件,不能理解.vue文件第一步在src下新建文件env.d.tsdeclaremodule'*.vue'{importtype{DefineComponent}from'vue'//eslint-disable-next-line@typescript-eslint/no-explicit-any,@typescript-eslint/ban-typesc
前端小顾
·
2024-08-31 06:05
前端
vue.js
前端
typescript
vue3
+ts项目新建后找不到模块vue或类型{}上不存在属性
新建的项目,不影响功能,但是红色的波浪线很不好看。在tsconfig.json文件中增加一行代码:让ts识别vue文件"include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"],
夏与冰
·
2024-08-31 06:34
web前端
vue.js
前端
javascript
typescript
都2023了还不会
Vue3
?一篇笔记带你快速入门
Vue3
简介
Vue3
是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。
Evan-Sky
·
2024-08-30 23:18
vue3
笔记
arcgis
vue.js
vue
elementui
前端
Chapter 06 axios使用指南
欢迎大家订阅【Vue2+
Vue3
】入门到实践专栏,开启你的Vue学习之旅!
Heaven645
·
2024-08-30 22:42
vue.js
前端
Vue
axios
【
vue3
|第27期】Vue Router 中的 Meta 属性:灵活控制与增强你的应用
我们一起成长;如果有不对的地方,还望各位大佬不吝赐教,谢谢^-^1.01365=37.7834;0.99365=0.02551.02365=1377.4083;0.98365=0.0006说在最前面:本文
vue3
Commas.KM
·
2024-08-30 21:07
Vue
vue.js
前端
javascript
vue
router
meta
权限控制
页面标题管理
Vue3
+Vite 导航与内容div都填了背景,打包的时候,发现直接报错(Rollup failed to resolve import “resource/img/xx.jpg“)的解决
1、先上个打包时报错的图:2、上个一开始的代码:-->上面的代码,在测试的时候,一切都正常的,但是在打包的时候,直接通不过。3、我们来通过定义import解决这个问题:constwordImg=ref('resource/img/word.jpg');说明:也就是我们用ref来包裹一下就可以了,当然这个里的src记住前面加一个:冒号。4、然后我们发现style中的图片打包时,没有报错,但是上传完成
花花鱼
·
2024-08-30 21:36
Vue3
vue.js
SpringBoot3+
Vue3
集成AOP系统日志
建表logsCREATETABLE`logs`(`id`int(11)NOTNULLAUTO_INCREMENT,`operation`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作名称',`type`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作类型',`i
胖头鱼丁
·
2024-08-30 18:23
前端
spring
boot
java
vue3
+vite 实现动态引入某个文件夹下的组件 - glob-import的使用
importUserFormfrom'./components/UserForm.vue';importTableListfrom'./components/TableList.vue';importBarChartfrom'./components/BarChart.vue';constcurrentActive=ref('UserForm')constmyComponents=reactive
陌上烟雨寒
·
2024-08-30 14:51
vue
javascript
前端
vue
Vue3
+ Axios双Token刷新解决方案
本文将介绍如何在
Vue3
项目中使用Axios实现双Token刷新机制,确保用户体验流畅的同时提高安全性。
洛*璃
·
2024-08-30 12:10
vue.js
前端
javascript
Axios
双token刷新
前端面试题-Vite的打包速度为什么比Webpack快?
今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为
vue3
量身定制的,他们有哪些区别呢?
爱学英语的程序媛
·
2024-08-30 12:04
面试题
前端
webpack
node.js
上一页
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
其他