为什么需要CSS模块化(CSS Modules)?

该篇为翻译文章,原文地址为:What are CSS Modules and why do we need them?

我最近一直对CSS Modules比较感兴趣。如果你还没有听说过CSS Modules,那么你可以看看这篇文章。我们将把它放在项目当中来看一下它到底有什么样的作用。如果你对此也很感兴趣,那么后期还会有其它想关文章更新,这篇文章只是一个简单的介绍。…

节流(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

22.毛笔哥哥网站设计课程主体3之其它

RUNTIME: 10:12

毛笔哥哥网站设计课程主体3之及其它
如果你想了解整个网站的详细制作过程,欢迎围观我制作的最新课程『一个NuxtJS网站是如何炼成的』

直接购买「JavaScript高级程序设计」

JavaScript高级程序设计

[美] 尼古拉斯·泽卡斯 著

一本包含了所有JavaScript知识的厚书。

直接购买「ES6标准入门」

ES6标准入门

阮一峰 著

前端越来越规范,JavaScript越来越规范了~

直接购买「CSS禅意花园」

CSS禅意花园

[美] Dave Shea / Molly E. Holzschlag 著

没错,就是这本「禅」书让我入的前端坑!

直接购买「CSS世界」

CSS世界

张鑫旭 著

不管你是新手还是资深开发,这本书里都会有你不知道的东西。