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简单使用
谈谈nvm、nrm、pnpm的理解
nvm版本过低是不兼容
vue3
的项目的,我推荐1.
段子君
·
2024-08-31 14:32
nvm
nrm
pnpm
前端
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
Nginx的基本使用指南
本文将介绍Nginx的基本安装、配置及其在日常开发中的
简单使用
场景。一、Nginx的安装1.1安装前的准备在安装Nginx之前,确保您的系统已经安装了以下依赖包:GCC
小于负无穷
·
2024-08-31 05:33
nginx
运维
学习
ubuntu
都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
ChatGPT 3.5/4.0
简单使用
手册
ChatGPT3.5/4.0是一种先进的人工智能聊天机器人,能够理解和生成自然语言文本,为用户提供信息检索、问题解答、语言翻译等服务。系统要求操作系统:无特定要求,支持主流操作系统。网络连接:需要稳定的网络连接来使用在线服务。安装与注册访问ChatGPT官方网站或下载相应的应用程序。创建账户:根据网站或应用程序的指示完成注册流程。登录:使用注册的账户信息登录。备注:因为国内环境原因,所以我们不得以
老童聊AI
·
2024-08-30 22:41
明哥陪你学Python
chatgpt
【
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
Vue3
_指令(内置和自定义)
目录一、内置指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-once14.v-memo(3.2+)15.v-cloak二、自定义指令1.规则2.钩子一、内置指令1.v-text更新元素的文本内容。{{msg}}2.v-html更新元素的in
开心小老虎
·
2024-08-30 12:04
vue3知识点+组件
前端
vue.js
vue3
+ts 引入 json-editor-
vue3
报错
报错内容SyntaxError:Therequestedmodule'/node_modules/jsoneditor/dist/jsoneditor.min.js?v=00499bcc'doesnotprovideanexportnamed'default'(atjson-editor.vue:2:8)尝试解决、1.import'jsoneditor'importJsonEditorVuefro
Red_Xx
·
2024-08-30 10:24
json
vue.js
javascript
uniapp微信小程序报错Component is not found in path
正确:components/组件文件夹/组件.vue错误:components/组件文件夹/组件文件夹/组件.
vue3
.不清楚原因,这样改就不会报错,人嘛了
陈不知代码
·
2024-08-30 08:09
微信小程序
uni-app
微信小程序
Vue3
初识
利用vite创建
vue3
项目npminitvite-appprojectName安装依赖运行项目:cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive
冲锋敢死曾小贤
·
2024-08-30 07:00
vite打包工具的
简单使用
vite打包工具的
简单使用
Vite是一个由Vue.js核心团队开发的现代前端构建工具,它专注于提供更快的开发体验和高效的构建性能。
Software攻城狮
·
2024-08-30 04:20
Vue3
前端
【记录】
VUE3
+ VITE + TS配置不同环境
根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注:vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://dev.api.xxxx.com3.在package.json配置环境启动"scripts":{"serve:dev":"vite--modedevelopment","serve:test":"v
——a
·
2024-08-30 04:18
前端
javascript
vue.js
Vue3
+Vite2环境变量配置,分别配置本地,测试,正式
第一步:在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155'VITE_PORT=8080VITE_BASE_URL='./'VITE_OUTPUT_DIR='dist'VITE_API_DOMAIN='http://10.1.1.11
embelfe_segge
·
2024-08-30 04:47
前端
html
vue.js
node.js
javascript
java 函数式编程 之 Stream API (二)
在上一篇文章中,我们介绍了java8中streamAPI的
简单使用
,其中包括对于stream流操作的相关方法,我们可以借助它对于集合进行相关的处理,下面要介绍收集器,就是对于上一篇中的处理之后的数据如何安放做出动作
e86dab508bc1
·
2024-08-30 04:40
vue3
+element-plus实现table表格整列的拖拽
参考文章:https://blog.csdn.net/candy0521/article/details/136470284一、为防止原文章不见了将参考文章代码拷过来了(不好意思):这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive,ref}from"vue";importSortablefrom'sortablejs';consttableD
不恰香菜辣baga
·
2024-08-30 00:48
vue.js
elementui
vue3
+ts+canvas项目中图片进行矩形批注
canvas是什么?一个html5支持的新标签,见名知意,canvas就是画板的意思,可以在canvas上画画。css画三角形很简单,但是要画五角星呢,不妨试试canvas(文档有教学)今天我们做的是在图片中画矩形,顾名思义就是模仿批注功能。看效果:废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co
嘴巴嘟嘟
·
2024-08-29 22:34
vue
javascript
前端
vue.js
vue动态绑定事件、传递参数
下面的代码示例就采用vue2了,
vue3
也是一样的。v-bind相信大家对vue的父传子已经很熟悉了。
会说法语的猪
·
2024-08-29 14:38
vue
javascript
前端
vue.js
前端
javascript
【菜狗学前端】 初探TS(结合在
vue3
中的使用)
TypeScript是拥有类型的JavaScript超集,它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站:https://www.typescriptlang.org/TS中文官网:https://www.tslang.cn/一、基础语法js已有类型:基本类型:
佛系菜狗
·
2024-08-29 11:21
前端
前端
typescript
vue
vue.js
javascript
Node.js和Puppeteer进行Web抓取的
简单使用
至此我们大概了解到node+electron+谷歌浏览器基本开发知识,现在就可以肝代码了。不要忘记自动化工具主要功能,自动化操作网页。这个时候我们就用到了Puppeteer这个库。Puppeteer的基础这里的第一步是创建一个新文件夹,其中我们创建一个新的JavaScript文件。通过终端找到你新建的文件夹,并使用下面的行安装Puppeteer包。npminstall--savepuppeteer
今天也想MK代码
·
2024-08-29 08:04
node.js
前端
一文带你读懂
vue3
中directive指令的那些事
概述
vue3
中内置了很多丰富实用的指令,如v-show、v-if/v-else或v-model等,但是实际开发中可能我们还需要某些统一的处理,比如交互按钮的防抖,输入框的自动focus等,这时我们就可以通过
Jinuss
·
2024-08-29 05:11
源码
前端
Vue
vue.js
前端
javascript
MyPrint打印设计器(二)
vue3
实现历史步骤记录
通过vueuse中的useManualRefHistory,快速实现历史操作记录所需环境:vue实现目标历史记录撤销重做记录覆盖代码原理把键盘监听事件挂载在document上,当键盘事件发生时,依次匹配事先订阅的快捷键/单按键事件,如果有匹配到对应的订阅,则进行事件回调,并且停止键盘事件的回调。按下的按键进行转换,把mac/win的键盘差异进行了兼容实现效果vue历史记录实战核心代码import{
那叫一个优雅
·
2024-08-29 04:37
Myprint
可视化打印设计器
vue
历史记录
打印设计
MyPrint
Vue3
的Suspense:Suspense是
Vue3
的另一个新特性,它允许我们在等待异步组件时渲染一些“备用”内容,提高了用户体验。
I.引言A.对
Vue3
的简要介绍:Vue.js是一款开源JavaScript框架,用于构建用户界面和单页面应用。自从2004年发布以来,Vue.js在全球开发者社区中受到广泛欢迎。
哎 你看
·
2024-08-29 01:46
vue
ux
vue.js
javascript
vue3
基础用法
vue3
的基础用法对于MVVM的理解双向绑定a.语义化模版提升开发效率b.MVC:把系统应用分为:model(操作的dom,数据结构)|view(渲染出来的视图dom)|controller(更新的调度
weixin_44101835
·
2024-08-28 23:31
vue.js
前端
javascript
【来来来,我看看是谁不点我】Nuxt3入坑记--JS版
开发更快打包更小支持vite支持
vue3
支持自动引入支持文件路由支持布局系统支持多种渲染模式支持typescript支持composition-apiNuxt3目录结构#目錄說明#.nuxt本地运行
Bug从此不上门
·
2024-08-28 20:09
javascript
开发语言
ecmascript
vue2的el-select虚拟下拉
说明
vue3
的的el-select,ElementPlus封装了虚拟下拉的写法,但是有些vue2版本的el-select却没办法用虚拟下拉。如果下拉列表数据量大的话,很导致极度卡顿。
前端没钱
·
2024-08-28 20:37
vue.js
elementui
前端
Vue3
中的reactive,shallowReactive,ref,shallowRef;readonly,shallowReadonly; toRaw,markRaw简单介绍
reactive:深度劫持(深监视)shallowReactive:浅度劫持(浅监视)ref:深度劫持(深监视),做了reactive的处理shallowRef:不做监视readonly:只读属性的数据,深度只读conststate2=readonly(state)shallowReadonly:只读的数据,浅只读的toRaw:·作用:将一个由reactive生成的响应式对象转为普通对象·使用场景
会说法语的猪
·
2024-08-28 17:21
vue3
vue.js
VUE3
-shallowReactive函数与shallowRef函数(14)
当前的x.y值是:{{x.y}}点我替换x点我x.y++
「已注销」
·
2024-08-28 17:20
Vue学习笔记
vue.js
Vue3
+TS Element Plus 中Table同时只能展开一行且能关闭
el-table有展开行功能,但是展开多行并不好看,所以需要设置expand只展开一行,用expand-change可以实现。@expand-change=""//展开或是关闭时执行的函数:expand-row-keys=""//设置当前展开行,要求值为数组(白话就是存放在这个数组的ID会在页面中展开,没有就不会展开):row-key=""//设置行的唯一标识,用于配合expand-row-key
lemontree-xy
·
2024-08-28 16:40
vue.js
前端
javascript
vue事件监听
我们可以使用v-on指令(简写为@)来监听DOM事件,并在事件触发时执行对应的1.回车事件(点击回车触发)@confirm适用
[email protected]
适用
vue3
运用场景:通常在文本框输入的时候使用
小汤猿人类
·
2024-08-28 15:03
vue
uni-app
前端
javascript
开发语言
vue3
集成天地图,完美实例
在
Vue3
中,你可以使用天地图JavaScriptAPI进行集成。
cesske
·
2024-08-28 14:27
vue
如何使用Vue 3和Type Script进行组件化设计
在
Vue3
中,CompositionAPI是一种全新的逻辑复用和代码组织方式,它允许你将组件的逻辑(如响应式状态、计算属性、方法、生命周期钩子等)封装到单独的函数中,从而提高了代码的可复用性和可维护性。
yang295242361
·
2024-08-28 10:06
vue.js
javascript
ecmascript
vue3
插件原理
概览
vue3
的生态圈提供了许多方便的插件或者工具,比如pinia、vue-router和ElementPlus等,使用插件的写法一般如下:constapp=createApp(App);app.use(
Jinuss
·
2024-08-28 10:04
Vue
前端
源码
vue.js
javascript
前端
PyQt5信号与槽的
简单使用
记录
PyQt5信号与槽的
简单使用
记录前言信号与槽总结前言最近开发项目,使用PyQt5学习了一些知识,简单记录一下!
arriettyandray
·
2024-08-28 10:04
PyQt5
qt
开发语言
基于 Vue 3 和 Element Plus 构建图书管理系统
基于
Vue3
和ElementPlus构建图书管理系统本文将介绍如何使用
Vue3
和ElementPlus构建一个简单的图书管理系统。
前端第一深情
·
2024-08-28 09:00
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
其他