前端

vue组件的五种传值方法(父子\兄弟\跨组件)

一、props/$emit父子组件传值: 父传子 (自定义属性 props) 父组件向子组件传参,通过自定义属性的方式进行传参,在子组件中使用prop定义自定义的属性,然后在父组件中通过v-bind指令把需要传递的数据绑定在子组件上,那在子组件中props里面的自定义属性可以直接使用。 //父组件代码 渲染子组件 <Son :name="name" /> // 子组件代码,接

CSS基础-08-Display(隐藏元素 display:none,内联元素转块元素 display:inline,块元素 → 内联元素 display:block)

1. 隐藏元素 (display:none) 1.1 Display 作用: 隐藏某个元素,且该元素不占用空间。 示例 {display:none;} 1.2 和 Visibility比较 作用 隐藏某个元素,但该元素仍占用之前空间。 语法 visibility:hidden 2. 内联元素→ 块元素 (display:inline) 内联元素(行内元素) 语法 dis

2022年Vue面试题

本次让我们系统的熟悉vue的面试常用题目,无论是给准备面试还是准备跳槽的小伙伴,一个学习以及温故知新的版块。这其中加入了我的理解,我尽量用白话文和易懂的语言形式进行解释,如果有地方解释的不正确或者不准确的情况,还请大家不吝赐教。 2022年大环境的不景气,让我们用知识充实自己,面对生活的一次次挑战与考验,加油! 入门级: 1:什么是mvvm? MVVM是Model-View-ViewModel的简

前端跨局域网访问后端API的常见问题与解决方案

个人名片 🎓作者简介:java领域优质创作者 🌐个人主页:码农阿豪 📞工作室:新空间代码工作室(提供各种软件服务) 💌个人邮箱:[2435024119@qq.com] 📱个人微信:15279484656 &

零基础也能懂的 Web 爬虫实战教程(超完整 Java 项目解析!)

法律声明与警告 一、法律依据: 本软件适用下列中华人民共和国法律法规及司法解释,用户必须全面遵守: 1. 《中华人民共和国网络安全法》(2017 年 6 月 1 日实施) 2. 《中华人民共和国刑法》(2015 年修订,2020 年修订版) 3. 《个人信息保护法》&#xff

【前端实战】如何让用户回到上次阅读的位置?

目录【前端实战】如何让用户回到上次阅读的位置?一、总体思路1、核心目标2、涉及到的技术二、实现方案详解1、基础方法:监听滚动,记录 scrollTop(不推荐)2、Intersection Observer + 插入探针元素3、基于 URL Hash 锚点跳转三、总结1、不同方案间对比总结2、结语         作

前端获取IP地址方法总结

通过配置vite获取IP地址实现效果 实现方法1、需要下载os插件npm i os2、获取内网IP地址的方法import os from 'os'; export function getNetworkIp() { let needHost = ''; try { const network = os.networkInter

Web 架构之缓存策略实战:从本地缓存到分布式缓存

文章目录 一、思维导图 二、正文内容 (一)本地缓存 1. 简介 2. 常见实现 3. 使用场景 4. 优缺点 (二)分布式缓存 1. 简介 2. 常见实现 3. 使用场景 4. 优缺点 5. 缓存问题及解决方案 三、总结 一、思维导图 #mermaid-

webpack 打包多页面应用

和传统的单页面应用打包不同,多页面应用其实就是配置多个入口,生成多个bundle。 下面就来看看具体应该怎么操作吧 image.png 这是官方提供的示例,可以看到,entry变成了一个对象,而里面每一个键值对则就对应了我们每一个最终生成的bundle。文档地址:#separate-ap