使用 CSS 实现 Material Design 的 Ripple Click Effect

什么是 GOOGLE MATERIAL DESIGN ? Click to run embed content: https://www.youtube.com/embed/Q8TXgCzxEnw?feature=oembed * Google Material Design [http://www.google.com/design/] * Material design Introduction [http://www.google.com/design/spec/material-design/introduction.html] RIPPLE CLICK EFFECT IN WEB ... read more

JavaScript Promise 初探

在 PROMISE 产生之前的 JAVASCRIPT 一说起 JavaScript,给人印象最深的,应该是活在浏览器里面的各种各样的脚本了。但是如今 Node.js 发展非常迅速,npm 社区也非常活跃,因此也越来越多人关注后端的 JavaScript 。不得不说,在 JavaScript 里面,事件绑定以及事件处理是一个非常重要的部分。 前端部分,诸如鼠标点击事件的绑定,以及键盘按键的绑定,以及和后台打交道的 Ajax 等,都使用到了事件机制。最简单的一个点击事件如下:var target = document.getElementById('target'); target.addEv ... read more

CSS Specificity 以及 CSS 规则优先级详解

也许你也有经历过这样的情况:明明自己已经为某个元素指定了一条 CSS 规则了,怎么在浏览器中显示出来的却跟期望的相差很多呢?你是否有仔细研究过这里面的问题?你是否有了解到 CSS 样式的优先级算法?如果没有,那么可以请接下来看看我对 CSS 优先级算法的一个讲解吧。 在开始之前: 我们先来了解一下 CSS 选择器都有哪些: * 通配选择符:* { SRule },如: * { font-size: 14px; } * 类型选择符:element { sRule },如: div { background: #000000; } * 属性选择符:element[attr ... read more

合理利用闲置的安卓设备

不得不承认,近几年,电子产品的迭代可真的是非常快。就拿手机来说,每隔半年就有一款新的旗舰机型。安卓手机(平板)的更新换代非常快,常常是今年买的最新旗舰手机(平板)过了一年之后就变成老爷机了。所以,可以预料到的是,每次手机的更新换代之后都会有大量的闲置手机出现。那么要怎么处置这些闲置的手机呢?丢了又舍不得,卖了又没人要。放着吃灰又觉得好浪费。其实,对于闲置手机(平板)来说,还是有发挥余温的机会的。接下来我会讲讲自己折腾过的几种方案,就当作一个记录。1. 翻墙 使用 FQROUTER2 进行翻墙 fqrouter2 [https://play.google.com/store/apps/detai ... read more

JavaScript 中的 this 用法以及 call(apply) 的理解

想要深入了解 JavaScript 这门语言,一个必须掌握的知识点就是对 this 的理解。其中, call 和 apply 又与 this 有着密切的联系。趁现在有空,在网上看了一些教程之后,自己根据印象将其整理在这篇博文中。想要深入了解 JavaScript 这门语言,一个必须掌握的知识点就是对 this 的理解。其中, call 和 apply 又与 this 有着密切的联系。趁现在有空,在网上看了一些教程之后,自己根据印象将其整理在这篇博文中。THIS 是什么 this是 JavaScript 中的一个关键字。它用在对象的方法中。this总是指向调用该方法的对象。举个最简单的例子:当 ... read more