在页面加载过程中，进度条的存在可以很好的缓解用户的等待焦虑。 但是你可能不知道，90%以上的进度条只是模拟的，是假的进度条。没办法，大部分情况下都无法真实的算出资源的加载情况。既然无法避免，那我们就需

介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任意元素 除此之外，还有那种不

最近在线看直播年会。有一个点赞的按钮，点击点赞按钮喷射表情，表情在屏幕上向上浮动之后消失。觉得这个效果挺具有代表性，所以想实现一下。 找了一个别人的效果图 就来实现这个效果。 写一个点赞按钮 其中中间

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对

作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候

![动画.gif](https://p1-juejin.byteimg.com/tos-cn-i-k

背景 最近团队正在开发一个小程序一番赏平台的项目，在开发过程中，需要很多动画效果的场景，综合考虑了动画渲染的性能效果，因此采用 CSS3+transform 动画和 canvas 来实现 1、canv

最后是JS，在html中我给三个菜单Item都分别添加自定义属性data-index和data-attr,目的无外乎是为了在js操作更加便捷。 选中时：判断event的target,如果target上data-attr=="menuLink",表示当前节点currentNode…

Flex布局之 一行超出滚动条 分析： 如果只是普通的flex布局，子项的 item 设置为flex：1 width：100px 所有子项均匀排列，但是不能实现滚动效果。需要加上flex-basis: