以往只是用Chrome的控制台console.log()输出调试信息，最近看到一些有趣的控制台输出，又发现了几个hack技能。

一、输出彩色文本

一般console.log()输出的都是黑色的文本，但是Chrome提供了给输出文本自定义样式的功能，它的格式为：

console.log("%c需要输出的信息 ", "css 代码");

例如想要输出彩色文本可以在控制台输入下面代码后回车：

console.log('%c输出彩色文本', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');

效果如下图：

继续阅读→

博客好久没更新了，期末考试折腾了一个月，暑假又玩了一星期，是时候回来写文章了嘿嘿。

现在记忆力已经不像儿时那样的强悍了，有些东西还是得老老实实记下来不断温习。

一、DOM Event 对象

HTML DOM 事件有多种类型，例如鼠标事件、键盘事件、UI事件、触摸事件等等，详见 MDN Event 。

每触发一个HTML DOM 事件时，都会产生一个event对象，这个对象记录了所触发事件的信息，例如事件发生的所在元素、事件的类型、事件的状态等等，本文所谈及的就是HTML DOM 的 Event 对象。

继续阅读→

一、召唤一头牛

终端输入

sudo apt-get moo

你会看到终端出现一头跟你打招呼的小牛…“Have you mooed today?”

继续阅读→

前言

正则表达式( Regular Expressions)是用来匹配字符串中的字符组合的模式，通过这个模式我们可以进行字符串的搜索和替换等操作。ECMAScript通过RegExp类型来支持正则表达式，当然，String 对象中也有多个方法支持正则表达式操作。

继续阅读→

一、搭建HTTP服务器

前端开发经常会遇到移动端调试或者其它设备测试的场景，部署到云服务器上实在是太麻烦，如果可以在局域网直接调试就方便多了，这里介绍个通过Python轻松搭建一个局域网HTTP服务器的方法。

如果你的电脑已经装上了Python，那么，搭建一个静态文件服务器将是一件非常简单的事情。

你只需进入到你的项目文件夹，运行下面这一条命令，就可以把该文件夹作为一个HTTP服务器的根目录（后面8888为端口）：

继续阅读→

使用七牛云时，常常遇到缓存没有及时刷新的问题，尤其是css样式，修改了以后经常迟迟不见效果，下文就介绍三种手动刷新缓存的方法。

继续阅读→

算法原理

快速排序是目前各种排序算法中较为高效的一种算法，它的基本思想是分治法：把原问题分为若干个与原问题结构类似的子问题，然后对子问题进行递归求解，最后把这些子问题的解集全部合并起来就是原问题的解。

算法具体实现有三个步骤：

1.从数组中选出一个元素，我们称之为 “基准”（pivot）；

2.先进行一次循环比较，把所有比基准小的数放左边，把所有比基准大的数放右边（相等的值随便哪边放都行），这个操作称为分区 (partition) 操作。当分区完成后，我们就得到了两个子分区，其中一个分区的所有元素的值都比另外一个分区大。

3.分别对步骤二分出来的两个子集进行递归排序，直到最后子集只剩一个元素为止。

图片来自维基百科

继续阅读→

前言

　　排序算法（Sorting algorithm）是一种能将一串数据依照特定排序方式的最基本最常用的算法，常见的有冒泡排序、快速排序、插入排序、二叉树排序等等，下面这个表格总结了各种排序算法的复杂度与稳定性：

不同的场景对排序算法的选择有着不同的要求，对每种排序算法的深入理解能帮助我们更好地选择合适的算法。关于排序算法的理论书籍或博客已经非常的多，下面列举一些可视化的排序展示，换种方式看算法，以一种更直观的方式理解排序算法的工作原理。

继续阅读→

本文翻译自Justin Ellingwood发布在DigitalOcean上的一篇文章：How To Install WordPress with Nginx on Ubuntu 14.04，原文有些许冗长，我做了些改动。

引言

WordPress是当今最为流行的内容管理系统CMS(content management system)，它是一个免费的开源项目，在GNU通用公共许可证下授权发布，有着强大的社区支持，插件众多，主题丰富，功能强大，可扩展性强。总之，WordPress可以帮助你轻松地搭建并运行一个属于自己的网站，安装之后，你几乎可以管理(DIY)网站上面所有的内容。

下面将讲述如何在Ubuntu 14.04服务器上安装WordPress，本教程基于LNMP环境(Linux operating system, Nginx web server, MySQL database, and PHP processing) ，如果没搭建好该环境的话请先参阅我的上一篇文章：如何在Ubuntu 14.04上搭建LNMP环境。

继续阅读→

本文翻译自Justin Ellingwood发布在DigitalOcean上的一篇文章：How To Install Linux, nginx, MySQL, PHP (LEMP) stack on Ubuntu 14.04，原文有些许冗长，我做了些改动。

引言

LNMP（也有人称为LEMP）指的是Linux系统下Nginx+MySQL+PHP这种网站服务器架构搭配，集性能、稳定性、可扩展性于一体，是目前流行的服务器环境，本文将介绍如何在Ubuntu 14.04 上搭建LNMP环境，在进行下文操作前，请确保你的Ubuntu是一个初始化状态正常的系统。

继续阅读→