对于前端而言，图标的发展可谓日新月异。从img标签，到雪碧图，再到字体图标，svg，甚至svg也有了类似于雪碧图的方案svg-sprite-loader。雪碧图没有什么好讲的了，只是简单地利用了background-position来做图标定位。今天咱们先聊聊怎么使用字体图标和…

因为请求数据写在onShow 函数里面，所以每次切换界面都会刷新，这就会导致，如果当前 定时器在跑的话，再次刷新会再次常见定时， 那么就会导致刷新几次有几个定时器，同时在跑，那么前端界面显示的计时数字 就会不时跳动，所以需要保证在跑的定时器只有一个。将定时器对象创建为全局的，在…

回想在4个月前刚刚进入公司实习时，我封装了一个应用于小程序的倒计时组件。 以现在的视角再去看之前的实现可以说是一坨看不下去的烂代码。所以也借此机会，将之前的组件重构一番。 在原来的组件中有一个initDuration属性和3个方法，3个方法分别是countDown，format…

在移动端，浏览器切到后台，页面的定时器就被暂停了，重新打开浏览器时，倒计时才继续执行，这就导致倒计时执行时长变长了。 一个页面有多个倒计时，比如商品列表的开售倒计时，当页面打开停留较长时间后，会发现有的商品倒计时会不准确。 定时器被暂停是因为浏览器将页面的线程停止了，毕竟浏览器…

想到以往默哀日访问网站时发现整站会变成全灰，即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力，那会不会有css可以直接处理所有的元素将他们变灰，随即想到了css3的filter（滤镜），并也证实了这一想法的可行性。 我们可以联想出fixed是相对于html根容器…