有这样一个需求：移动端用户进到页面后，页面滚动到课程列表页的当前学习课程部分（即滚动到特定位置）。 一、顿挫干瘪的滚动 初看这个需求，是不是超级简单。 只需要利用 <a /> 标签的锚点功能，就能让页面滚动到指定位置： <a href="#a">课程A</a> 来看看实际效果： 眉头一皱，这顿挫感，犹如坐着八十年代拖拉机一般蓝瘦~ 二、scroll-behavior 不要慌，只需要一行简单的 CSS 代码，就能让你的页面纵享德芙般丝滑。 .container { scroll-b…

在学习设计模式时，一定会学到 SOLID 设计原则，分别是：单一职责原则、开放封闭原则、里氏替换原则、接口隔离原则、依赖反转原则。 在许多学习资料中都是以"类"的设计来解释这些原则，那么作为前端开发该如何理解和实践者几种原则呢？ 前端多以页面开发为主，页面由 N 个组件搭建而成，可以把组件理解为"类"来学习和理解 SOLID 设计原则，下面会以 React 为示例，看看在日常开发中是如何应用设计原则的。 单一职责原则（Single Responsibility Principle） 定义：任何一个软件模块都应该只对…