前端

彻底理解粘性定位 - position: sticky

粘性定位可以被认为是相对定位(position: relative)和固定定位(position: fixed)的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。例如: .sticky-header { position: sticky; top: 10px; } 在 视口滚动到元素 top 距离小于 10px 之前,元素为相对定位。之后,元素将固定在与顶部距离 10px 的位置,直到

旅行攻略与目的地精选网站#独立站网站建设 #bootstrap(Travel Guide Website)

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。 所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩,提供核心代码讲解&#xff0

Jmeter吞吐量控制器详解

🍅 点击文末小卡片 ,免费获取软件测试全套资料,资料在手,涨薪更快     吞吐量控制器(Throughput Controller)场景:在同一个线程组里, 有10个并发, 7个做A业务, 3个做B业务,要模拟这种场景,可以通过吞吐量模拟器来实现。添加吞吐量控制器用法1: Percent Executions在一个线程组内

解决element-ui中的el-select选择器无法显示选中内容的问题

问题描述:今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容,但是当我把表单数据全部填写完后打算上交时,el-select选择器的内容又能够出现我首次选择的东西了,但是点击其它无效,不能够切换数据。对数据修改时毫不影响el-select选择器的使用。 问题代码: <div class="form-group"> &lt

JavaScript设计模式--访问者模式

定义     提供一个作用于某对象结构中的各元素的操作表示,它使我们可以在不改变各元素的类的前提下定义作用于这些元素的新操作     访问者模式是一种对象行为型模式,由三部分构成:对象集合、集合元素、访问者 访问者     定义对象中元素的操作接口,可以按照元素类型定义区分访问者,当访问到集合中元素时将通过该操作接口回调 元素     对象集合中的一类成员,必须提供accept接口以

Vue3中使用setup监听props

背景描述 子组件展示父组件传来的参数,展示的信息随着父组件上tab的切换动态更新。 一开始的想法是单独监听这个传递的参数,但看了VUE3的文档之后,似乎对参数的监听必须精确到属性。例如参数为 { name: 'Doctor', gender: 'Timelord' } 需要在子组件的watch中写明监听的是name还是gender。 该参数中有很多可能会改变的属性,一一监

拖拽不够自由?Vue3 DnD它来了!

前言 众所周知,在React中有一款非常强大的拖拽库,叫React DnD,而Vue中,大部分都是类似于vue.draggable等拖拽排序的库,然而它并不能满足我们所有的需求,特别是应对一些自由拖拽或混合拖拽的场景(例如:低代码),它是很难做到的,所以vue3-dnd它来了! React DnD React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库

#什么是防抖和节流,他们的应用场景有哪些

防抖(debounce) 触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间 #示例代码: 节流(throttle) 高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率 #示例代码 #总结 (简要答案) 防抖:防止抖动,单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTim

如何从零到一建立前端规范

前言 不以规矩,不能成方圆。 本人有幸经历了团队从缺乏标准到逐渐规范的一个过程,在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发,逐步引申出如何去建立适合自己团队的规范,详细讨论了前端具体涉及到的规范都有哪些,部分小节有具体的配置步骤和操作链接。 文中涉及到的所有配置均放在github上的 Demo 中,觉得不错的点个赞 ❤️❤️❤️。 下面我们开始吧🏃。 为什么需要规范 规

创建一个 Angular 组件

组件(Component)是 Angular 应用的基本组成单元。Angular 应用的组件可以控制页面上不同区块的渲染和行为,这些区块被称为视图。 页面的构成 一个 Angular 应用的组件,是按照树形结构进行组织的,组件之间可以进行通信和交互。也可以说,Angular 应用的架构就是其所包含的组件的架构。 组件架构 创建组件 我们可以使用 Angular CLI 的