javascript: throttle and debounce

throttle and debounce

1、概念介绍

首先,throttlingdebouncing 都可以对执行的函数进行速率限制。

throtting:在一段时间内,对调用函数的最大次数进行限制,比如:在100ms内最多执行一次该函数。

举个例子,如果你的函数会在10s内执行1000次,比如触发scroll事件,这时候性能开销就比较大,我们可以使用throttle进行控制,让函数每100ms执行一次,这样,10s内最大执行的次数为100次,有效减少了性能开销。

Continue reading

css深入理解:border-radius

border-radius

1、基本书写方式

1.1 设置四个值

基本形式也是简写形式,例如:

div {
  border-radius: 10px 5px 10px 5px;
}

这样可以给`div`的四个角都设置`border-radius`属性,分别对应左上角(`top-left`)、右上角(`top-right`)、左下角(`bottom-left`)、左下角(`bottom-right`)。

Continue reading

jQuery Deferred

jQuery Deferred

简介

延迟对象是jQury中很重要的一部分,包括Ajax、动画还有其他一些异步操作基本都用延迟对象进行了改写。延迟对象可以让你不关心耗时任务什么时候结束,你只需指定该任务结束后执行什么样的回调即可,在等待的过程中,其他业务逻辑代码依然可以继续运行。

Continue reading