Vue进阶第20页

vue 父组件样式影响子组件

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

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

VUE子组件传递父组件

背景：子组件传递父组件，是指子组件页面中相关事件操作触发需要在父组件处理才能完成，需要在子组件页面中把这个事件传递给父组件页面中，父组件接收到子组件的事件后就可以完成数据处理了。知识点1.在子组件页面中使用emits声明好要传递的事件和事件会用到的参数2.在父组件页面中，在子组件的标签上，接收组件传递过来的函数实战例子父组件结果：{{count}}importChildfrom"./Child";

凌涑·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

Java 进阶篇之try-catch-finally语句与自定义异常

引言在前面的文章中，我们介绍了创建、使用和导入包（Java进阶篇之异常处理的概念和种类），在Java编程中，异常处理是确保程序健壮性和稳定性的重要机制。

code2cat·2024-08-31 04:56

python进阶篇-day02-面向对象高级

day02面向对象高级定义类的方法classStudent:classStudent():classStudent(object):object=>父类名,object为所有类的父类,顶级类一.继承单继承介绍概述实际开发中,我们发现好多类中的部分内容是相似的,或者相同的,每次写很麻烦,针对于这种情况,我们可以把这些相似(想同)的部分抽取出来,单独的放到1个类中(父类),然后让那多个类(子类)和这个

开出南方的花·2024-08-31 04:20

uniapp开发中遇到的兼容性问题（待续）

参考文献进阶之路-前端：ios对newDate()的兼容问题2、输入框click事件

呆呆papa·2024-08-31 03:17

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

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

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

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

知识库 | 合约的进阶玩法

班主任因公需要出差一段时间，这消息一出，同学们四下交头接耳，叽叽喳喳的问什么时候回来，暗自心里都乐开了花。班长接管一个星期后，这种和谐稳定的氛围，在大家知道楼下2班团支部书记给班长送了爱心早餐之后，一下子炸开了锅。这之后的两个星期，班长乐滋滋的和可爱的书记互通往来，同学们躁动的心也失去了束缚，八卦、吹牛、看视频、听音乐，做什么的都有。三个星期后的月考和班主任如约而至，看着直线下降的成绩，老班的怒眉

比特梨子·2024-08-31 01:00

白骑士的CSS教学进阶篇之CSS变量 3.4.3 动态改变CSS变量

CSS变量（自定义属性）的动态改变是一个强大的功能，它允许在网页的不同状态或事件发生时，实时更新样式。通过动态改变CSS变量，可以实现各种动态效果和交互式设计，这种能力使得网页的样式更加灵活和响应迅速。本文将详细介绍如何动态改变CSS变量，包括使用JavaScript修改变量值、结合CSS动画和过渡效果动态更新样式，以及如何利用这些功能创建互动和响应式的网页设计。使用JavaScript动态改变C

白骑士所长·2024-08-31 01:29

都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

《Git/Gitlab进阶》二：omnibus package安裝gitlab-ce

omnibus-package安装gitlab-ceubuntu下安装gitlab-ce官方推荐安装，步骤也非常简单.安装并配置需要的依赖1先更新apt-get:sudoapt-getupdate2再安装openssh-serversudoapt-getinstall-ycurlopenssh-serverca-certificates注意,在ubuntu18安装时openssh-server时，

紫狐挽诗·2024-08-30 22:50

7.0 践行打卡 D50

休息也要简单拉伸1.运动瑜伽冥想（休息日）2.阅读每日打卡论语每日一读3.三只青蛙工作～客户信息学习～读心术音频进阶断食三课时生活～收拾零碎物品，吃瘦晚间轻断关心朋友和家人不找借口反思：要把学来的东西运用到生活中

星月格格·2024-08-30 21:41

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

【Python进阶】Python爬虫的基本概念，带你进一步了解Python爬虫！！！

一、Python爬虫基本概念网络爬虫，又称为网页蜘蛛或爬虫，是一种自动浏览万维网的程序。它按照一定的算法顺序抓取网页内容，同时将抓取到的数据存储起来，用于进一步的分析和处理。网络爬虫在信息获取、数据挖掘、搜索引擎构建等方面发挥着关键作用。二、工作流程确定目标网站：明确需要抓取数据的网站和具体页面。分析网页结构：使用开发者工具查看网页的HTML结构，确定数据存放的位置。编写爬虫代码：使用Python

程序员陌陌·2024-08-30 21:05

前端播放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

Python学习笔记36：进阶篇(二十五)pygame的使用之事件监听控制切歌和暂停，继续播放

前言基础模块的知识通过这么长时间的学习已经有所了解，更加深入的话需要通过完成各种项目，在这个过程中逐渐学习，成长。我们的下一步目标是完成pythoncrashcourse中的外星人入侵项目，这是一个2D游戏项目。在这之前，我们先简单学习一下pygame模块。私信我发送消息python资料，领取pythoncrashcourse中文版PDF。pygamePygame是一个开源的Python多媒体开发

明月望秋思·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 数据挖掘与机器学习

模块一：课前准备Python编程基础与进阶Python编程入门1、Python环境搭建（

科研的力量·2024-08-30 19:57

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

基于SpringBoot的流浪猫狗救援网站

超级无敌暴龙战士塔塔开·2024-08-30 15:29

package.json中对peerDependencies的理解

peerDependencies只要是用来限制依赖的，最近在开发的时候有遇到这样的问题，所以研究了一下"peerDependencies":{"@vue/composition-api":"^1.0.5

陌上烟雨寒·2024-08-30 14:51

vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用

/components/UserForm.vue';importTableListfrom'./components/TableList.vue';importBarChartfrom'.

陌上烟雨寒·2024-08-30 14:51

vue中printjs使用指南

使用攻略参考文档https://printjs.crabbly.com/分页使用css的page-break-after:always来控制在某个DIV之后新开一个页面我是封面我是目录，你不知道我的内容有多长我是正文，我需要从一个新页面开始展示标题栏每页重复打印因为打印时，表格中的thead和tfoot默认会在每一页重复打印，所以只要设置好表格结构就行。html打印{{modelRef.hospi

陌上烟雨寒·2024-08-30 14:21

Vue.js之绑定style样式

上文介绍了如何利用Vue.js绑定类，本文将介绍通过Vue.js进行样式修改的另一种方法，即通过style来修改。

cloudOnSkyline·2024-08-30 14:51

vue.js样式绑定

Vue.jsv-bind在处理class和style是，专门增强了它。表达式的结果练习除了字符串之外，还可以是对象或数组。

余月初贰·2024-08-30 14:48

Vue.js项目构建

Vue.js是一个流行的JavaScript框架，用于构建用户界面。下面是使用Vue.js构建项目的详细方法：安装Vue.js：首先，你需要在项目中安装Vue.js。

彭于晏“·2024-08-30 13:46

是什么让尤大选择放弃Webpack？面向未来的前端构建工具 Vite

PS：最近的vite比较火，而且发布了2.0版本，vue的作者尤雨溪

码民的飘柔·2024-08-30 12:42

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的

F-125·2024-08-30 12:41

react 样式和vue样式的区别

vue:通常分为.vue+css文件区别二：react在写页面样式时，最好其余的样式最好包裹在当前样式下面，不然容易生成全局样式，对其它页面的样式造成影响。

资深前端之路·2024-08-30 12:11

推荐频道

Vue进阶