做前端的，为了pageSpeed都会压缩一下自己的js,css,html,素材；压缩工具有很多，比如下边的：

• HTML/JS压缩
• 在线JS/CSS/HTML压缩
...

我们在看QQ空间里的图片时，都会注意到，先看到模糊的一个轮廓，然后是清楚的图片。（前提：图片很大或者网速有点慢）这对于我们来说（起码是我），是比较容易接受的显示方式，总比显示不出来图片，或者，显示一条图片，要好的多。那么，这是怎么实现的呢？

原来JPEG文件有两种保存方式他们分别是Baseline JPEG（标准型）和Progressive JPEG（渐进式）。两种格式有相同尺寸以及图像数据，他们的扩展名也是相同的，唯一的区别是二者显示的方式不同。

Baseline JPEG

...

在计算机发展初期，CPU的计算能力非常有限，计算资源稀缺而昂贵。最早的时候一个CPU只能同时运行一个任务，这简直让人无法忍受。什么叫做只能运行一个程序呢？这就像大学上自习占座一样，一旦一本书、一张纸、一个包或一个活人占有了那个桌子，其他人就再也没法用了，无论是这个人出去上厕所，踢球，你都不能去用那个座位，如果你贼胆包天敢偷着去坐，这时候就会有个神秘人突然拍拍你的肩膀告诉你「童靴，这里有人」，这就是常说的「见鬼的故事」。故事里的座位就是CPU，无论当前任务在使用CPU进行计算，还是在读写磁盘IO或进行网络交互，丫都得占着CPU，黑客极客和各种无证程序员们觉得，这，不，科，学！

jquery.flip介绍：

Flip!是一个能够让任意HTML、文本或jQuery Element产生漂亮翻转效果的jQuery插件。可以配置翻转方向：从右到左、上到下或从左到右、下到上。翻转的速度也可以配置。
...

网页素材：显示三角图标的方式有很多，譬如：图片、符号△▲；用纯css的方式，怎么显示三角呢？ 三角要怎么用才能美观呢？本站之前的一篇纯css的标签背景就是一个很好的应用方式。
那么本文主要介绍这种纯css显示三角的原理。

先看一下一个简单例子的效果：

HTML代码：

...

在用网站安全检查工具websecurify的时候，看到注册页面点击输入框的时候，出现下图的提示信息：

HTML代码：

...

var html = '<div>dom</div>', body.innerHTML=html; 和 var div = document.createElement('div'), txt = document.createTextNode('dom'); div.appendChild(txt); 哪种方式好？

关于代码的优化，有时候要针对不同的浏览器。 上边innerHTML和appendChild哪个好呢？
...

在判断当前浏览器是否IE的方法很多，比如下边放到if条件里边都可以说明是ie浏览器，
!-[1,] window.VBArray window.ActiveXObject window.attachEvent 等等，基本都是利用ie的奇葩（因为其它主流浏览器都很正统:-)）

应用例子JS代码如下：

...

先看radio/checkbox效果对比:

下边贴出源码，实现的原理很简单，就是，先隐藏input[type=radio/checkbox]，然后2中状态图片的切换，同时触发值得改变。