节流(Throttling)和去抖(Debouncing)的区别

该篇为翻译文章,原文地址为:The Difference Between Throttling and Debouncing – CSS Tricks

我之前被”节流”和”去抖”搞得很糊涂,后来有人帮我解决了这个问题。所以我把它写在这里也给大家解释一下。它们两个都是用来解决DOM事件的回调被不停调用而引起的性能问题的。但它们是有一定区别的。

节流

“节流”是限制一个一直在执行的函数的最大执行次数。比如让一个本来要一直执行的函数以最多100毫秒执行一次的频率来执行。

比如现在你遇到一个很奇怪的情况,一个函数不得不在10秒内执行1000次,但是实际上你是不需要它执行这么多次的。如果你把它限制在100毫秒执行一次,那么这个函数最终最多只会执行100次。…

一起学习ES2015(ES6入门)

该篇为翻译文章,原文地址为:https://css-tricks.com/lets-learn-es2015/

这篇文章的作者是Ryan Christiani,Ryan是HackerYou的讲师,他有一个系列的视频课程叫做一起学习ES6。Ryan把ES6的一些东西整理并做出一系列的教程,我觉得这非常吊,因为CSS-Tricks中关于这方面的内容相对来说是比较少的。

ES2015?

在2015年的六月,JavaScript的最重要的一些新特性被确定下来,官方称这次的升级为”ECMAScript …

在WordPress评论中添加TinyMCE富文本编辑器

WordPress评论默认就是一个普通的textarea,想要加个富文本,只需要将textarea标签替换成wordpress中的wp_editor();就可以了。

需要注意的是,使用该函数后,你的评论框会变的和后台一样的效果:

2016-03-11_18-07-34

但是在评论框中,我们是不需要 “添加媒体”这个东西的,所以我们在调用wp_editor();的时候需要设置一下:

<?php
    $args 

Google 水波按钮

Google Material Design

关于Google的Material Design,请访问https://design.google.com/
上面的网站很有可能打不开的,所以我特意截了一张动态图:

Google Material Desian

当点击一个按钮或者一个链接的时候,就会泛起涟漪,这个是本人完成的效果:

See the Pen Google Ripple

WordPress主题制作系列视频

为什么要录这个视频?

我用Wordpress好像已经两三年了。wordpress真的很好用,后台的用户体验做的很好,主题的制作也不是很复杂。

最开始用它就是为了搭建一个技术博客,没错,就是你现在看到的这个博客。不好意思,我是个极其懒散的人,博客N*N久没更新,自从上班以后加班加的浑身难受,难受到极点就什么都不想做了,更何况是更新这玩意呢…不过,过了那个难受劲儿以后还是觉得生活是很美好的\^_^/。现在更体会到走走停停,停很重要了。其实不更新还有一个原因,就是我觉得我现在所学都是一些鸡毛蒜皮的小东西,没有必要写在这里。

我自己本人经常在网上看一些视频教程,国内国外的都有。我觉得视频这种方式更直观,更容易被人吸收,于是我也想录一些视频来和大家分享,虽然录的东西不是特别高深,但我相信一定会对某一些人有帮助,这是我的最大的体会,网上有各种的信息、教材,当我在搜索的时候,有的讲的很烂,但这很烂的资料里面可能依然有你不知道的东西。为此,我单独开辟了一个地方用来发布视频:DigCSS视频

WordPress主题制作系列视频

什么人适合看这个系列视频?

如果你想制作一个Wordpress主题,或者说想做独自一人做一个网站的话。我的意思是,从头到尾都自己制作的话,那么你需要会下面这些东西:

  • 1.Photoshop
  • 2.HTML
  • 3.CSS
  • 4.Javascript

看到上面的列表,其实知道底细的朋友都清楚,主题(皮肤、模板)制作不就是前端开发吗\^_^/
这一系列的视频所演示的是我的个人博客-…