【Vue】实战第24页

JavaWeb——前端工程化

2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs

A_Tai2333333·2024-08-31 08:21

vue+moment转化日期格式为年月日时分秒！最简洁版

文章目录概要整体架构流程所用组件技术细节小结概要全局实行格式化日期，让你告别冗余处理时间代码整体架构流程使用moment插件实现官网：https://momentjs.cn/所用组件vue2moment

暴富的Tdy·2024-08-31 08:50

Vue的状态管理——Vuex3&4&Pinia

Vue3中Vuex的使用_vue3vuex-CSDN博客VueX详解_组合式vuex-CSDN博客15分钟学会PiniaVuex3和4详解Vuex3Vuex3是Vue.js2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式

GISer_Jinger·2024-08-31 08:49

Vue组件开发系列之Model遮罩层组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau

vue爱好者·2024-08-31 08:05

鸿蒙HarmonyOS NEXT实战开发：自定义TabBar页签实现案例

介绍本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示，并有一小段动画效果。效果图预览使用说明：依次点击tabBar页面，除了社区图标之外，其它图标往上移动一小段距离。实现思路场景1：TabBar中间页面实现有一圈圆弧外轮廓将Image组件外层包裹一层容器组件，通过设置borderRadius以及margin的top值实现圆弧外轮廓效果。这里b

前端_王华QAQ·2024-08-31 07:45

Vue + Spring Boot + SQL Server + Python 部署到 Windows 服务器

将Vue+SpringBoot+SQLServer+Python部署到Windows服务器上的具体步骤如下：1.准备服务器远程连接到服务器：使用远程桌面连接（RDP）登录到Windows服务器。

Desire..·2024-08-31 07:44

HarmonyOS应用开发实战-自定义TabBar,并添加动画效果

鸿蒙项目开发中，主界面中都会有TabBar，普通的TabBar大家都会使用了，今天来聊聊异于普通样式的TabBar，并添加一些动画效果，更加的美观。1.话不多说，先展示样式2.设计思路因普通的TabBar样式满足不了开发需求，想要中间添加一个+号会比较困难。基于这一点打算发挥自己创新思维，整体使用Stack()帧布局方式，给TabBar提前预留一个+号的位置，然后使用+号的Image给帧到对应位置

成功之路必定艰辛·2024-08-31 07:13

Vue搭建前端监控，采集用户行为的 N 种姿势

Vue搭建前端监控，采集用户行为的N种姿势最近我在3A平台购买了服务器。在一个产品中，用户最基本的行为就是切换页面。用户使用了哪些功能，也能从切换页面中体现出来。

奋斗的工程师·2024-08-31 06:39

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 父组件样式影响子组件

vue父组件样式影响子组件，父组件样式如下：.wrap{color:white}子组件的根组件也使用了.wrap选择器：//直接子组件...奇怪的是子组件的文字也变成了白色。

老灯儿·2024-08-31 06:38

VUE子组件传递父组件

知识点1.在子组件页面中使用emits声明好要传递的事件和事件会用到的参数2.在父组件页面中，在子组件的标签上，接收组件传递过来的函数实战例子父组件结果：{{count}}importChildfrom

凌涑·2024-08-31 06:38

vue3项目导入ansi_up报错

前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库，专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中，它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供，无任何依赖，并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp

夏与冰·2024-08-31 06:08

vue3项目使用EventSource实现流式输出例如滚动日志

前言之前接触的通信方式主要是HTTP请求和WebSocket，这次有机会了解到EventSource，记录一下。简介EventSource是一个浏览器端用于接收服务器推送事件（Server-SentEvents,SSE）的JSAPI。与WebSocket不同，SSE是单向的（服务器到客户端），适用于更新频率不高的实时通知、消息推送等场景。基本用法创建连接consteventSource=newEv

夏与冰·2024-08-31 06:08

前端监控之白屏异常

比如渲染函数报错、Vue或React路由页面没有内容、网页加载很慢很慢以至规定的时间范围内一直没内容。监控白屏异常能发现一些遗漏的bug并及时修复。

github_35780652·2024-08-31 06:07

腾讯二面：现在要你实现一个埋点监控SDK，你会怎么设计？

在react、vue的错误边界中要怎么处理？什么是埋点监控SDK举个例子，公司开发上线了一个网站，但开发人员不可能预测，用户实际使用时会发生什么：用户

前端私教年年·2024-08-31 06:06

vue3+vite+ts+pinia新建项目（略详细版）

1、新建项目npmcreatevite@latest2、安装依赖yarnaddvue-routeryarnadd-D@types/nodevite-plugin-pagessasssass-loader3

chu_geng·2024-08-31 06:06

vue3+ts报错：找不到模块“./App.vue”或其相应的类型声明

原因是typescript只能理解.ts文件，不能理解.vue文件第一步在src下新建文件env.d.tsdeclaremodule'*.vue'{importtype{DefineComponent}

前端小顾·2024-08-31 06:05

前端速通面经八股系列(六）—— Vue(下)

接上ueueVue下篇四、路由1.Vue-Router的懒加载如何实现2.路由的hash和history模式的区别1.hash模式2.history模式3.两种模式对比3.如何获取页面的hash变化4.

真的很上进·2024-08-31 06:34

vue3+ts项目新建后找不到模块vue或类型{}上不存在属性

在tsconfig.json文件中增加一行代码：让ts识别vue文件"include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue

夏与冰·2024-08-31 06:34

【mysql】mysql之存储引擎学习

零基础入门》：python零基础入门学习《python运维脚本》：python运维脚本实践《shell》：shell学习《terraform》持续更新中：terraform_Aws学习零基础入门到最佳实战

向往风的男子·2024-08-31 05:28

MySQL高级课程：索引设计与性能优化的最佳实践

本课程将深入探讨MySQL索引设计和性能优化的最佳实践，帮助你掌握从理论到实战的优化技巧。一、索引的基础知识1.1

勤劳兔码农·2024-08-31 04:25

文字模型训练分析评论（算法实战）

文字模型训练，尤其是在自然语言处理（NLP）领域，是构建能够理解、解释、生成人类语言系统的核心步骤。这类模型广泛应用于文本分类、情感分析、机器翻译、聊天机器人、摘要生成等多个方面。针对文字模型训练后的分析评论，可以从以下几个方面进行：1.性能评估准确率/错误率：评估模型在测试集上的准确率或错误率是最直接的方式，这能反映模型的基本性能。混淆矩阵：对于分类任务，混淆矩阵可以详细展示模型在各个类别上的表

富士达幸运星·2024-08-31 04:55

【愚公系列】《短视频生成与剪辑实战》005-使用 Midjourney 进行 Al 绘图

作者简介，愚公搬代码《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主等。《博客内容》：.N

愚公搬代码·2024-08-31 04:19

解决npm run dev无法被同局域网访问的问题

解决npmrundev无法被同局域网访问的问题解决npmrundev无法被同局域网访问的问题引言问题分析解决方案1.使用0.0.0.0作为监听地址a.对于基于Node.js的服务器：b.对于VueCLI

道长不会写代码·2024-08-31 03:17

红队攻防渗透技术实战流程：红队目标信息收集之目标域名CDN绕过

红队资产信息收集1.判断域名是否存在CDN2.绕过CDN查找真实IP地址2.1CDN介绍2.1.1域名解析过程2.2为什么要绕过CDN2.3验证是否存在CDN2.3.1多地ping2.3.2nslookup2.3.4修改hosts文件2.3.5在线工具2.3.6异地ping2.4绕过CDN查找网站真实IP2.4.1查询子域名2.4.1查询主域名2.4.1网站邮件订阅查找2.4.1查询历史DNS解析

HACKNOE·2024-08-31 03:47

2024最新最全的React面试题

1.react和vue的区别？(1)设计理念:React:更倾向于函数式编程思想，推崇组件的不可变性和单向数据流。Vue:结合了响应式编程和模板系统，致力于简化开发过程。

二丫骑士qq·2024-08-31 03:17

element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错

constapp=newVue({el:'#app',data(){return{settleDO}},methods:{

niceLiuSir·2024-08-31 01:31

k8s-pod 实战七（PreStop 和 PostStart 详细分析）

PreStop和PostStart详细分析PreStopHookPreStopHook是在容器终止之前执行的操作。它通常用于执行一些清理任务或完成某些操作，以确保容器能够平稳关闭。例如，在数据库应用中，你可能希望在容器终止之前完成所有正在进行的事务。PostStartHookPostStartHook是在容器启动之后立即执行的操作。它通常用于在容器启动后执行一些初始化任务。例如，你可能希望在容器启

清风 001·2024-08-31 01:31

3.4.2 爬取豆瓣影评实战

课程目标爬取豆瓣影评实战课程内容编码实现爬虫部分importrequests#导入requests库，用于发送HTTP请求fromfake_useragentimportUserAgent#导入UserAgent

欧阳枫落·2024-08-31 01:58

使用 Shell 脚本管理 RocketMQ 服务：启动、停止与状态检查

安装可以查看这篇博客RocketMQ实战：在macOS上安装与前端访问全流程指南1.脚本概述这个脚本将涵盖以下

heromps·2024-08-31 00:57

Linux基础入门

课程链接：黑马程序员新版Linux零基础快速入门到精通，全涵盖linux系统知识、常用软件环境部署、Shell脚本、云平台实践、大数据集群项目实战等_哔哩哔哩_bilibili声明：该文章为本人的学习笔记

LIPAH·2024-08-31 00:27

都2023了还不会Vue3？一篇笔记带你快速入门

Vue3简介Vue3是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。

Evan-Sky·2024-08-30 23:18

Vue 3 中的 defineAsyncComponent()

import{defineAsyncComponent}from'vue';constAsyncComponent=defineAsyncComponent({loader:()=>import('.

程序员Ocean·2024-08-30 23:17

2019-03-21

SPA:单页应用https://baike.baidu.com/item/SPA/175363131.场景（1）中后台管理系统（2）H5前端开发（3）跨端APP开发2.技术栈（1）SpringBootvue-cliIDEnpmElementUI

蜜思1013·2024-08-30 22:08

Web前端

网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本

2301_78085386·2024-08-30 22:13

Chapter 06 axios使用指南

欢迎大家订阅【Vue2+Vue3】入门到实践专栏，开启你的Vue学习之旅！

Heaven645·2024-08-30 22:42

实战LangChain（四）：LangGraph入门——状态管理与基础结构

实战LangChain（四）：LangGraph入门——状态管理与基础结构实战LangChain（一）：构建您的第一个聊天机器人_langchai机器人实战LangChain（二）：探索RAG——为聊天机器人注入知识

matianlongg·2024-08-30 22:40

Vue中怎么根据Token来进行跳转页面和axios请求拦截

首先我们来说一下怎么拦截axios请求并添加head请求头首先我们找到main.js在main.js里面进行判断import{getToken}from'@/utils/auth'//封装的缓存文件axios.interceptors.request.use(config=>{lettoken=getToken();if(token){//判断是否存在token，如果存在的话，则每个httphea

上海老宅男·2024-08-30 21:09

vue响应式原理实现

varinput=document.querySelector('#input')varshowText=document.querySelector('#showText')varobj={}Object.defineProperty(obj,'something',{get:function(){console.log('get')},set:function(val){showText.in

尤小小·2024-08-30 21:34

【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

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

前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）

这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流

北城笑笑·2024-08-30 20:34

vue实现组件拖拽

效果预览QQ录屏20231016140810组件drag.vueexportdefault{name:"Draggable",props:{list:{type:Array,default:()=>[]

ズ少年瘾·2024-08-30 20:04

跟着大佬搬砖--- vue 组件拖拽缩放

vue-drag-resize地址vue-draggable-resizable-gorkys地址案例案例学习汇总特有参考价值的GridLayout在线地址官网地址参考案例

Webgiserin·2024-08-30 20:02

原生html+js播放flv直播视频流【vue等皆可用】

一、前言最近着手了一个新需求：将某记录仪的实时视频在页面展现。实现步骤：通过WebRtc将直播视频转码为flv/rtsp格式流；通过Vlc或代码中的视频播放器播放视频。常见播放flv直播视频流软件如：VLC、PotPlayer等，好用但无法嵌入代码。在此介绍一种使用原生html+js即可实现直播视频流播放的方式，内网外网皆可用。二、实现引入Bilibili开源Flash视频（FLV）播放器方式一：

Odinpeng·2024-08-30 20:32

前端vue播放m3u8、flv、mp4视频的方法_vue mp4(1)

//this.db.src([//{//src:“https://e-sign.dms.t.cn-np.com/files/m3u8_file/c4b94118-3c8d-4410-9987-985c2b44c278/c4b94118-3c8d-4410-9987-985c2b44c278.m3u8”,//地址//type:“application/x-mpegURL”,//告诉videojs,这

2401_84437982·2024-08-30 20:01

Vue中props设置默认值

vue中props设置默认值-父组件给子组件传值的写法——简略、带类型、带类型和默认值、带校验1、父子间传值父传子在子组件使用props选项接收父组件的数据.2.

Bunury·2024-08-30 20:30

python金融实战教程pdf 目录

python金融实战教程pdf目录:http://literalink.top/resource/detail/7186336410574524416第1章Python简介及安装11.1Python简介

weixin_43946945·2024-08-30 19:56

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

nginx部署前端vue项目完整详细讲解

前言：在使用Nginx部署前端Vue项目时，确保项目的生产环境版本已经打包，并且Nginx已经安装并配置在服务器上。以下是详细的步骤，包括打包Vue项目、配置Nginx、部署和测试项目。

程序员小羊！·2024-08-30 17:40

推荐频道

【Vue】实战