demonQ

承蒙各位厚爱，css-tricks 已有 1284 star，在广大同行浏览的过程中，听到的最多的声音其实不是这个部分咋写的，这个实现有什么问题，而是……这个猫咋弄的，总让我认为大家只是为了撸猫才点了 star（平均日活 70 左右让我更加怀疑）。 于是乎，决定把 cat 这个…

交给测试后，我们来分析下 CSS 卡券。 background是可以设置多个图片的，遵循background: [background-color] [background-image] [background-repeat] [background-attachment] […

这几天在做富文本编辑的 list 部分，正好用到了 list-style 这个属性，才发现原来这个属性有这么的设置项，特地记录分享一下，原来 list-style 不止有 none。 list-style 是由 list-style-type, list-style-image…

-我：把这个图传一下吧。 -UI：好的，你是要 gif 吧。 -我：打扰了。 首先我们能想到的是，波浪的数量一定是可定制的，其次是颜色，速度，透明度，高度等等。这些可定制的参数应当在函数实例化时传入。所以我们先定制一个接口（包括了后来在编写时我认为需要的）。 准备工作基本完成，…

这个动画效果是在网易云音乐 app 上看到的，抱着复习 canvas 的心态来实现。 效果参照已实现的上方链接。 1. 参数设置 2. 编写构造函数 我们知道，动画的原理，就是趁脑子不注意反应不过来的时候偷偷换上一副差不多的画面，这样一步一步的替换，就形成了动画，而这一步一步就…

首先，因为动画是多段完成的，所以我们通过参数 content 传入的是一个二维数组，其中每个 item 存放着我们想要加载的内容和对应要求，如何让动画一段一段的完成呢？很自然的能想到 Promise 方法，通过 Promise.then() 来实现。 所以我们可以将这个需求抽象…