对于前端开发，console.log控制台调试输出必不可少。

愈加发现现在的公司喜欢在控制台输入做文章了，一些公司网站在控制台运行简单的游戏，而另一些公司则是在他们网站的控制台发布招聘消息，如百度：

由于css没有变量、函数、运算符等特性，因此在编写它的时候会显得比较冗余和麻烦。所以就有css预处理器，它引入了变量、嵌套、运算、函数、继承等概念。让css的编写起来得心应手，并且后期维护性也高。

提到css预处理器，最常见的有Sass、Less CSS、Stylus。但听说Sass相对其他优势不少，因此，此篇就说Sass的语法。

多行文字和未知高度的图片水平垂直居中，这似乎是个古老的话题。

有用伪类:after或者:before实现，但低版本的IE无法支持。有用文字行高的1.14倍，可是针对容器的高度不同，IE版本浏览器的呈现也不尽相同。有用 display:table-cell 再结合 vertical-align:middle，可是IE6再一次把我们坑了，不支持。在这里，可见IE是比较万恶的。因为这些不兼容，或多或少的会让web开发人员“暴躁”起来。

前些天浏览Q空间，发现一些图片下标有个长图的标签，于是忍不住把鼠标放上去，此时看到图片往上滚动起来。当鼠标再次移入时，如果鼠标在图片上半部分，则图片往上滚动。反之鼠标在图片下半部分，则图片往下滚动。越来越觉得腾讯的UE做的不错。好吧，说太多没用，直接上效果图（不过图片录的效果有点卡）：

通常我们在上传文件时，需要使用 <input type="file"/> 这样的上传文件标签。而在html5中，它提供了拖放的接口，以下的内容就是对html5拖放的一些事件进行详细的解释和说明，并做了一些简单的应用：