W北落师门W

✨ 效果图 ☀️ 需求 实现列表自动滚动 💢 重现bug 浏览器窗口缩放后,列表无法自动滚动 🕛 定位bug 列表容器的scrollTop获取一直为0 💥 解决 问题发生原因：浏览器缩放的时候,scr

前言 面试官: webpack生产环境构建时为什么要将css文件提取成单独的文件？ 面试官：还有吗？ 面试官：那你有了解过css是怎么提取成单独文件的吗？ 看完本篇之后，希望小伙伴面试的时候碰到这个问

好的前端页面在实现设计图的同时，如果也有极强的与用户交互效果，那么给用户带来的体验是极好的。近期整理了一组相对炫酷前端按钮交互动画，今天分享给大家

本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。

在教务系统中，老师新建了一条学生的数据之后，可以将上一条学生的数据复制一条，然后只需要修改学生的姓名、性别、联系方式字段就行。与这种场景相对应的设计模式就是原型模式。

「装饰模式」对于前端开发者而言一定是非常熟悉的，什么是「装饰模式」呢？顾名思义，「装饰模式」就像是给一个类穿上一件一件衣服，通过不同的搭配，让这个类呈现出不同的特点。那我们在工作的过程中，在编写页面的时候，做的好像也是一样的事情对吧？比如按钮组件，他会有default、prim…

当我第一次看到代理模式的定义是，脑海中浮现的一句代码就是const that = this;，我们通过that来代理this的访问，虽然没有体现控制的意味，但体现了代理的意思。 在日常的开发工作之中，我对于代理模式的理解是：对对象的操作添加过滤的手段。 之前在工作中遇到一个场景…

一说到只有一个实例，并能全局访问，我觉着前端同学能想到的类库就太多太多了，在前几年我们还没有像现在这样实行模块化开发的时候，我们用到的JQuery、moment、lodash等等类库，全部都能满足上面的特点。 但其实我们在平时的应用当中，大多数情况下只能感受到单个实例的好处，也…

在最先接触设计模式的时候，我就看到了对「开闭原则」的介绍，后续又陆陆续续接触了「单一职责原则」、「迪米特法则」等等，今天在这里对设计模式的各原则进行一个统一的记录。 这个原则说的就是一个类只关注一件事情，我们经常会看到这个原则，比如我们开始学习编程的时候，会说到怎么优化代码，其…