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
router提供了一个方法,可以获得当前路由的所有直属父节点,例如:获取方法如下:constroute=useRoute();console.log("路由信息",route.matched);
·
2025-02-23 20:38
Turborepo 使用配置
2.1五大杀招直击痛点2.2性能实测对比(10个Package项目)三、Turborepo+
Vue3
实战:跨项目引用组件库3.1项目结构设计3.2关键配置步骤3.3解决
Vue3
引用核心问题四、避坑指南(
seelingzheng
·
2025-02-23 20:45
前端
javascript
Vue3
集成Monaco Editor编辑器
Vue3
集成MonacoEditor编辑器1.安装依赖2.使用3.效果MonacoEditor(官方链接https://microsoft.github.io/monaco-editor/)是一个由微软开发的功能强大的在线代码编辑器
ZuuuuYao
·
2025-02-23 15:35
#
Vue
#
JavaScript
前端
编辑器
javascript
vue
vue-i18n国际化插件安装教程(
Vue3
篇)
i18n是一个国际化语言插件,意译为internationalization的缩写,代表头尾字母加上十八个字母1,下载i18n,选择一种安装方式就行pnpmaddvue-i18nyarnaddvue-i18nnpminstallvue-i18n2,配置i18n创造一个i18n文件夹,放在utils或随便一个地方都行,小编推荐单独src目录下的i18n文件夹,因为工作量可能很大//src/i18n/
巴巴博一
·
2025-02-23 15:04
vue.js
前端
javascript
typescript
在
vue3
安装stylelint和stylelint-config-prettier和stylelint-config-recess-order出现的版本问题
前言:项目式
vue3
+ts+sass,需要安装配置依赖:npmisasssass-loaderstylelintpostcsspostcss-scsspostcss-htmlstylelint-config-prettierstylelint-config-recess-orderstylelint-config-recommended-scssstylelint-config-standards
涛声依旧god
·
2025-02-23 14:03
node.js
npm
前端
uniapp - 全平台兼容 | 实现九宫格转盘抽奖功能效果,uniapp宫格老虎机抽奖活动,支持后端接口确定最终奖品,最好用的九宫格抽奖机插件组件源码,无bug(详细示例全部代码,一键复制开箱即用)
uniapp
Vue3
和Vue2都能用,直接复制代码就行,改成你想要的样式,兼容uniapp全端全平台且无bug!完整代码全部代码如下,可运行看效果。
街尾杂货店&
·
2025-02-23 11:12
前端组件与功能(开箱即用)
uni-app
好用九宫格抽奖组件插件示例代码
实现宫格转盘抽奖详细教程源码
uniapp移动端网页宫格抽奖
手机网页H5营销九宫格中奖组件
小程序抽奖大转盘老虎机组件插件
uniap兼容所有平台的抽奖机
【uniapp*
vue3
】app/h5 webview通讯方案
本文旨在解决
vue3
版本下uniapph5项目向app项目中webview通讯问题问题产生于uniapp不支持
vue3
使用template.h5.html自定义打包模板h5向app发送信息有很多文章指出
imsopoor
·
2025-02-23 11:07
uni-app
Java全栈项目 - 智能停车场管理系统
技术栈后端SpringBoot2.7.xSpringSecurityMyBatis-PlusMySQL8.0RedisJWT前端
Vue3
ElementPlusAxiosEchartsVueRouterPinia
天天进步2015
·
2025-02-23 07:11
Java项目实战
java
开发语言
Vue3
+ Spring WebMVC 验证码案例中的跨域问题与解决方法
最近在基于
vue3
+SpringWebMVC前后端分离的开发环境中实现一个验证码的案例,在开发过程中遇到了一些复杂的跨域问题,现已解决,故将解决方法分享,希望能帮到有需要的人。
careathers
·
2025-02-23 07:09
okhttp
Vue 2.0->3.0学习笔记(Vue 3 (六)- 其他)
Vue2.0->3.0学习笔记(
Vue3
(六)-其他)其他1.全局API的转移2.其他改变其他1.全局API的转移笔记Vue2.x有许多全局API和配置。例如:注册全局组件、注册全局指令等。
普宁Max
·
2025-02-23 01:52
vue.js
学习
笔记
前端
前端的一般设计流程(基于
Vue3
)
前端的一般设计流程包括需求分析、原型设计和UI设计、开发环境搭建、代码开发、代码规范和代码审核、单元测试、集成测试以及发布和上线。1、需求分析需求讨论与澄清:在需求分析阶段,前端开发者需要与产品经理和UI设计师紧密合作,讨论产品功能和交互设计,了解开发要求和细节。通过充分沟通,确保所有开发需求都得到明确,并形成整体的开发计划框架。目标确定:这一步骤对开发人员理解项目目标和数据流程至关重要,有助于
普宁Max
·
2025-02-23 01:22
前端
Vue3
+element UI:使用el-dialog时,对话框不出现解决方案
解决方案:在标签中,添加:append-to-body=“true”*,对话框即可弹出。*
普宁Max
·
2025-02-23 00:47
vue.js
javascript
vue2和
vue3
的主要区别
Vue2和
Vue3
之间有几个主要区别,涉及到性能、功能和架构上的改进。
海盗强
·
2025-02-22 21:21
vue.js
前端
javascript
使用WebStorm开发
Vue3
项目
基本配置打包工具:Vite前端框架:ElementPlus开发语言:
Vue3
、TypeScript、Sass代码检查:ESLint、PrettierIDE:WebStorm2024.2首先说一下版本兼容问题
泡泡Java
·
2025-02-22 20:11
面试
学习路线
阿里巴巴
webstorm
rust
ide
Vue3
.0生命周期钩子(包含:Vue 2.0 和 Vue 3.0)
1、Vue2.0生命周期钩子每个应用程序实例在创建时都有一系列的初始化步骤。例如,创建数据绑定、编译模板、将实例挂载到DOM并在数据变化时触发DOM更新、销毁实例等。在这个过程中会运行一些叫做生命周期钩子的函数,通过这些钩子函数可以定义业务逻辑。应用程序实例中几个主要的生命周期钩子函数的说明如下:钩子函数说明beforeCreate()在实例初始化之后且数据观测和事件/监听器配置之前调用。crea
pan_junbiao
·
2025-02-22 19:30
Vue
我の原创
javascript
前端
vue.js
webstorm 创建
vue3
vite 项目
打开Webstorm,创建一个空项目直接在当前项目执行创建
vue3
项目指令,打开主页terminal回车后输入项目名字全部小写字母字打开创建项目项目插件安装npminstall运行:npmrundev
Lan.W
·
2025-02-22 18:57
webstorm
前端
javascript
Day5、
Vue3
Router路由(下)
「本专栏是我在学习
Vue3
过程中的总结与分享,旨在帮助初学者快速上手
Vue3
。由于我也在持续学习中,如果有任何疏漏或错误,欢迎大家在评论区指正,我们一起进步!」
码有余悸
·
2025-02-22 17:47
vue.js
javascript
前端
关于
Vue3
中使用Echarts,详细指南、常见问题及最佳解决方案
一、基础集成步骤1.安装依赖npminstallechartsvue-echarts#推荐使用官方维护的vue-echarts组件库#或npminstallecharts--save2.基础使用(CompositionAPI)import{ref,onMounted,onBeforeUnmount,watch}from'vue';import*asechartsfrom'echarts';cons
繁若华尘
·
2025-02-22 13:50
vue
echarts
vue.js
前端
【
Vue3
】项目中实现整屏滚动效果,整屏翻页 fullpage.js
文章目录安装引入挂载页面中使用
vue3
+vite项目中实现整屏滚动、翻页效果。具体效果可以参考:百度视觉技术首先准备好项目,没有项目或者不会建可以直接克隆准备好的。
fruge365
·
2025-02-22 11:31
#
vue3
前端
vue.js
vue3
.0(十四)内置组件KeepAlive
文章目录一、KeepAlive是什么1.KeepAlive的props属性2.KeepAlive的生命周期二、使用场景三、源码四、缓存后如何获取数据一、KeepAlive是什么keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOMkeep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们keep-alive保持组件活跃,不会被destro
程楠楠&M
·
2025-02-22 09:13
vue3.0
anti-design-vue
vue.js
前端
javascript
开发语言
Vue 和 React 响应式的区别
React和Vue在响应式机制上的核心区别主要体现在数据变化侦测方式、更新触发逻辑和设计理念上,具体如下:一、数据变化侦测方式Vue的响应式原理:通过Proxy(
Vue3
)或Object.defineProperty
秀秀_heo
·
2025-02-22 09:12
Vue
及其周边生态
React
及其周边生态
vue.js
react.js
前端
Vue.js组件开发深度解析:从原理到最佳实践
Vue.js组件开发深度解析:从原理到最佳实践一、Vue组件核心运行机制1.1响应式数据驱动原理//
Vue3
的响应式实现constreactiveMap=newWeakMap();functionreactive
星鬼123
·
2025-02-21 19:42
框架相关
vue.js
javascript
前端
vue3
和vue2父子组件互相通信的方式和原理
随着
Vue3
的发布,父子组件之间的传值方式发生了一些变化,同时也带来了一些新的特性和改进。本文将详细总结
Vue3
与Vue2在父子组件传值方面的区别和原理。
猿如意
·
2025-02-21 15:34
vue.js
前端
javascript
ref() 和 reactive()响应性 浅解
`解构`详解2.1.什么是解构2.2.解构避免丢失响应性的办法2.2.1.解决方案:`toRefs()`保持响应性2.2.2.解决方案:`toRef()`保持响应性3.最佳实践在
Vue3
中,ref()和
懒懒的也很贴心
·
2025-02-21 14:59
vue3
javascript
vue.js
前端
vue3
-04
vue3
中ref函数( 定义一个响应式的数据)
1.前言作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象(reference对象,简称ref对象)JS中操作数据:xxx.value模板中读取数据:不需要.value,直接:{xxx]}备注:接收的数据可以是:基本类型、也可以是对象类型基本类型的数据:响应式依然是靠object.defineProperty()的get与set完成的。对
岂不闻
·
2025-02-21 14:27
vue3
vue.js
前端
javascript
Vue 3最新组件解析与实践指南:提升开发效率的利器
目录引言一、
Vue3
核心组件特性解析1.CompositionAPI与组件逻辑复用2.内置组件与生命周期优化3.新一代UI组件库推荐二、高级组件开发技巧1.插件化架构设计2.跨层级组件通信三、性能优化实战
Aic山鱼
·
2025-02-21 14:27
vue.js
前端
javascript
前端:最简单封装nmp插件(组件)过程。
一、nmp使用1、注册nmp账号:npm|Home2、创建插件名称文件夹,如:
vue3
-components3、初始化一个package.json文件:nmpinitnpminitpackage.json
Smile_Gently
·
2025-02-21 13:45
前端
vue.js
vue
javascript
elementui
90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形
本文将介绍如何在
Vue3
项目中结合OpenLayers使用canvas渲染个性化的圆形样式。项目背景在本项目中,我们使用
Vue3
和OpenLayers来实现地图的展示,同时在地图中
吉檀迦俐
·
2025-02-21 09:47
OpenLayers
vue.js
前端
javascript
openlayers
深度学习
前端框架
【全栈】SprintBoot+
vue3
迷你商城(12)
【全栈】SprintBoot+
vue3
迷你商城(12)往期的文章都在这里啦,大家有兴趣可以看一下后端部分:【全栈】SprintBoot+
vue3
迷你商城(1)【全栈】SprintBoot+
vue3
迷你商城
杰九
·
2025-02-21 09:46
spring
boot
java
vue.js
基于DeepSeek+
Vue3
的AI对话聊天系统开发实战
文章目录1.项目概述1.1项目背景1.2项目目标1.3项目功能2.技术选型与架构设计2.1技术选型3.开发环境准备3.1前端环境3.2后端环境4.DeepSeekAPI集成4.1获取API密钥4.2创建API服务4.3创建API视图5.前端页面开发5.1创建聊天组件6.前后端交互实现6.1配置Axios6.2使用Pinia管理状态7.功能扩展与优化7.1多轮对话7.2对话历史记录8.项目部署与上线
北辰alk
·
2025-02-21 08:33
python
前端
AI
人工智能
ai
Vue3
+Vite创造路由
webpack和vite的vue-router添加路由有所不同,小编踩坑了1,先下载vue-routernpminstallvue-router@next2,配置vue-router需要配注意使用Vite的环境变量,在Vite中,环境变量需要以VITE_前缀命名。在项目根目录下创建一个.env文件,并定义环境变量:VITE_BASE_URL=/然后创建src/router/index.jsimpo
巴巴博一
·
2025-02-21 05:16
前端
html
javascript
vue
vue3
+ts+vite创造路由
今天第一次用ts搞了半天1,在
Vue3
+TypeScript项目中配置路由,可以使用VueRouter4pnpminstallvue-router@42,在你的项目中创建一个路由配置文件,例如src/router
巴巴博一
·
2025-02-21 05:16
javascript
vue.js
前端
Ts+
Vue3
+Vite如何配置@路径
由vite创造的ts加
vue3
会有三个ts.json文件因此不需要include其他路劲,配置tsconfig.json:{"files":[],"references":[{"path":".
巴巴博一
·
2025-02-21 05:16
前端
vue
npm
javascript
html
typescript
vue3
手搓固钉组件
#创作灵感今天用固钉组件时发现element-ui的固钉会阻止移动端移动事件,我思来想去决定自己写一个固定组件得了实现思路获取钉子的ref实例并监听window滚动事件,当window.scrollY等于钉子的offsetHeight,添加position:fixed和top:0到钉子上,就能强行固定不动了。这时候会有一个bug:如果元素本来并没有定位,直接添加定位属性会使其脱离文档流造成周围元素
巴巴博一
·
2025-02-21 05:46
仿抖音
vue.js
前端
javascript
本地运行 DeepSeek-R1 的成本究竟多高?
ReactHook深入浅出CSS技巧与案例详解vue2与
vue3
技巧合集VueUse源码解读本地运行DeepSeek-R1的成本究竟多高?
·
2025-02-21 02:13
前端javascript
【全栈】SprintBoot+
vue3
迷你商城-细节解析(2):分页
【全栈】SprintBoot+
vue3
迷你商城-细节解析(2):分页往期的文章都在这里啦,大家有兴趣可以看一下后端部分:【全栈】SprintBoot+
vue3
迷你商城(1)【全栈】SprintBoot+
杰九
·
2025-02-21 00:45
vue.js
spring
boot
java
vue3
-06vue2(Object.defineProperty)与
vue3
(基于ES6的Proxy)的响应式原理对比
1.vue2响应原理1.1对于对象与数组对象类型:通过object.defineProperty()对属性的读取、修改进行拦截(数据劫持)数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)Vue2的响应式是基于Object.defineProperty实现的1.2基本原理Object.defineProperty把一个普通的JavaScript对象传入Vue实例作为d
岂不闻
·
2025-02-21 00:13
vue3
前端
javascript
开发语言
threejs将stl文件格式类型转为drc压缩文件类型
前言项目中通过添加文件后,将stl格式的模型文件加载到场景中,后续发现stl格式文件太大,普遍是十几兆,最后研究出将stl格式文件转为drc格式文件加载,场景加载模型的过程只需要几秒即可,接上来上代码//整个项目是
vue3
ccc陈陈陈
·
2025-02-20 23:05
c++
前端
javascript
Vue3
vuex
概念Vuex:状态管理工具使用场景有时候,需要在多个组件中共享状态,并且是响应式的状态,一个变,全都跟着发生改变的场景。例如,一些全局要用的的状态信息:用户登录状态、用户信息等等;这时候,就需要这样的一个工具来进行全局的状态管理,而Vuex就是这样的一个工具。Vue2.xvuex基本结构store/index.js:importVuefrom'vue'importVuexfrom'vuex'Vue
*且听风吟
·
2025-02-20 20:16
#
Vue
3
javascript
vue.js
前端
浅谈vue常用的状态管理库vuex、pinia
Vuex和Pinia都是Vue.js应用程序中的状态管理库,虽然两种状态管理库的vue2,
vue3
都兼容,但是更推荐vue2(vuex),
vue3
(pinia)VuexVuex是Vue.js官方提供的状态管理库
超绝前端乱学小白
·
2025-02-20 20:14
vue
flutter
vue.js
vue
javascript
使用
vue3
框架vue-next-admin导出表格excel(带图片)
想要使用
vue3
导出表格内容并且图片显示在表格中(如图):步骤如下:下载安装插件:安装命令:npminstalljs-table2excel引入插件:importtable2excelfrom'js-table2excel
乐多_L
·
2025-02-20 19:28
vue.js
前端
javascript
使用
vue3
框架vue-next-admin导出列表数据
在
Vue3
中实现Excel导出功能可以通过以下步骤完成,这里使用xlsx库来实现前端Excel导出:1.安装依赖npminstallxlsxfile-saver#或yarnaddxlsxfile-saver2
乐多_L
·
2025-02-20 18:26
vue.js
前端
javascript
vue3
的Element plus (一)
介绍ElementPlus是一个基于
Vue3
的UI组件库,它是对ElementUI组件库的升级和扩展。ElementPlus提供了一套美观、易用且高效的组件,可以用于构建现代化的Web应用程序。
GIS瞧葩菜
·
2025-02-20 17:16
Element
plus
vue
elementui
Element
plus
vue3
vue3
-video-play 插件在 Vue 3 项目上的应用
文章目录
vue3
-video-play插件在
Vue3
项目上的应用一、插件简介二、插件安装三、插件组件应用示例1.局部引入组件2.全局引入组件四、需要注意的事项五、本地环境将`package.json`中
放逐者-保持本心,方可放逐
·
2025-02-20 15:58
vue3应用
vue.js
前端
javascript
vue3-video-play
vue3
计算属性computed
计算属性computedimport{computed}from"vue"//方式一//constcollapse=computed(()=>{//console.log('计算属性变化');//returnisCollapse//})//方式二constcollapse=computed({get:()=>{//返回订阅值returnisCollapse},set:(val)=>{//这里可以对
·
2025-02-20 13:42
vue3
+vite 自动引入export default的包
importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router','pinia',{//相当于importuseRouterStackStorefrom'@/store/modules/r
大橙子-
·
2025-02-20 07:47
vue.js
前端
vue3
项目如何接入 AI 大模型
以下是在
Vue3
项目中接入AI大模型的一般步骤:准备工作确定要接入的AI模型,如OpenAI的gpt-3.5-turbo、科大讯飞的星火大模型等。
代码搬运媛
·
2025-02-20 07:46
人工智能
vue3
+ vite引入地址路径报错,以及无法点击跳转相应的文件
vue3
+vite引入地址路径报错,以及无法点击跳转相应的文件在项目中找到tsconfig.json,或者jsconfig.json文件,使用一下代码替换即可。
zmyalh
·
2025-02-20 04:59
前端
javascript
vue.js
vue中nextTick函数和react类似实现
Vue3
基本用法:import{nextTick}from'vue';//全局调用nextTick(()=>{//在下一个DOM更新循环后执行的代码});//在组件内部调用setup(){asyncfunctionhandleUpdate
向画
·
2025-02-20 04:53
vue.js
react.js
前端
本地运行 DeepSeek-R1 的成本究竟多高?
ReactHook深入浅出CSS技巧与案例详解vue2与
vue3
技巧合集VueUse源码解读本地运行DeepSeek-R1的成本究竟多高?
·
2025-02-20 00:52
前端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
其他