前端动画库GSAP，一起来了解一下。css动画，js动画，前端动画，web动画，greensock.

GSAP 是一个强大的 JavaScript 工具集，可以将开发人员变成动画超级英雄。构建适用于所有主流浏览器的高性能动画。动画化 CSS、SVG、画布、React、Vue、WebGL、颜色、字符串、

前言 上个周写了一篇大屏开发经验总结，引来了不少朋友围观，还未浏览的朋友可以直接跳转：https://juejin.cn/post/7365414174216454194。 很多前端在开发大屏的时候，

在两行放不下的情况下将中间文字省略号显示，保留头部和尾部显示。

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

实现一个业务常用的小需求overflow-popover （用于处理单行或多行文本超出显示...的是否禁用popover的情况） 文章最后有源码和文档，有需要的朋友可以直接拿去用。

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，

选择器的概念 选择器的作用和目的都很简单,就是按照一定的规则选出符合条件的元素,为之添加css样式. 选择器的种类 选择的器的种类繁多,大概可以归为这么几大类 通用选择器 元素选择器 类选择器 id选

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收