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

1. 前言 快要双十一了，然后公司要制作一个展示的电子大屏，其中总金额的数字需要滚动的切换效果，类似于这样: 2. 思考&实现 2.1 思考 诶，作为十年代码经验常年摸鱼的我，想起来vue中的tran

下周就要开始大屏的开发工作了，内容包含大块的数字展示区域，且数字在更新需要滚动效果。借此花点时间封装一下单个数字滚动组件

小知识，大挑战！本文正在参与“  程序员必备小知识  ”创作活动 本文同时参与 「掘力星计划」  ，赢取创作大礼包，挑战创作激励金 前言 佛祖保佑， 永无bug。Hello 大家好！我是海的对岸！ 实

horizontal-tb：默认值，表示水平排版，从上到下。 vertical-lr：表示垂直排版，从左到右。 vertical-rl：表示垂直排版，从右到左。 至此，我们数字滚动效果已经初步实现了，在下一节中我们将会逐步完善此效果，以满足业务需求。

今天，分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样： 看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？ 我们来简单分析分析，

背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，看到一个

出现场景： 有些需求需要用户上传照片，而上传图片可能太大，导致上传时间过长，用户体验下降，这时候可以考虑前端做好图片文件压缩，减轻服务器压力。

通过css用3种方式，分别是 border，linear-gradient 和利用 background-clip 来实现虚线效果，并对实现进行详细讲解。