前端

Vue 组件间通信有哪几种方式

Vue 组件间通信主要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信 1.props / $emit 适用 父子组件通信 props是父组件将值传给子组件,$emit是子组件通过派发事件的方式将值传给父组件 2.ref 与 $parent / $children 适用 父子组件通信 1)ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指

Vue中的keep-alive是什么意思?以及如何使用

一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串

git stash 和 git stash pop 的用法

git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。 git stash: 该命令用于将当前工作目录和暂存区(staging area)中的修改暂时保存到一个新的 stash 中,并将工作目录恢复到与上次提交一致的状态。 使用方式

iframe的父子页面通信

平时工作中有时会遇到页面嵌套的情况,一般是用iframe解决。那么,两个页面如何通信呢?下面分两种情况进行: 一、父子页面同源的情况 现在有两个不同源的iframe嵌套页面,父页面parent.html,子页面child.html,二者代码如下: // parent.html // ... <iframe id='testIframe' name='test' src='./ch

前端大屏适配方案:从设计到实现的全流程指南

引言随着数据可视化需求的增长,大屏展示项目在前端开发中越来越常见。然而,大屏开发面临独特的挑战: 屏幕分辨率多样:从1080P到4K甚至8K,如何保证清晰度? 布局复杂:多图表、多组件如何合理排列? 性能优化:数据量大、动画复杂,如何保证流畅性&#xf

浅谈html中的置换元素和非置换元素

置换元素: 1、可以设置宽高,有自己的属性,和inline-block有一样的属性。 2、主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。 3、浏览器根据元素的标签和属性,来决定元素的具体显示内容 例如:浏览器根据标签的src属性显示图片。根据type属性决定显示输入框还是按钮 非置换元素: 1、是除了 img、input、

Vue前端框架大全

框架类 Web 名称 Vue 描述 Element UI 2 饿了么 Element Plus 3 饿了么 Ant Design 1 2 蚂蚁金服 Ant Design 2 3 蚂蚁金服 Ant Design 3 3 蚂蚁金服 Arco Design 3 字节跳动 View UI 2 View UI Plus 3 AT-UI 2 H

【Linux】从互斥原理到C++ RAII封装实践

📢博客主页: 📢欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📢本文由 JohnKi 原创,首发于 CSDN🙉 📢未来很长,值得我们全力奔赴更美好的

CSS3渐变 阴影 遮罩

1. CSS3渐变 渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片 gradient可以应用在所有接受图像的属性上 1.1 分类: 线性渐变(linear-gradient)变化的方向是一条直线 径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动 1.2. 线性渐变 (linear-gr