这个jQuery插件允许你在一个合理的空间内创建响应式、无限滚动、高品质的画廊，并填充满所有的空间。对于制作网站的人来说，一个常见的问题就是使用各种尺寸和宽高比的图像来创建一个优雅的画廊，Flickr 和 Google+对于这方面的处理非常的棒，这个插件的目的就是使用一种新的快速的算法来帮你解决这个问题。

在 Quora 看到的一个问题，答案里汇集了很多 HTML/JS/DOM/CSS 方面的奇淫技巧，虽然有些不一定很有用，但是却很有意思，今天总结其中一些有意思但大部分开发者却不知道的，分享给大家~

clipboard.js 使用纯 JavaScript （无需 Flash）实现了复制浏览器内容到系统剪切板的功能，可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+。复制文本到剪切板并不是件困难的事情，它不需要复杂的配置步骤或者多说KBs的加载，但大多数情况下，都需要依赖Flash或者其他臃肿的框架，这就是clipboard.js存在的意义。

本文标题的意思是实时的搜索页面中的文本相关的DOM元素，显示搜索到的实际部分并隐藏不相关的元素。看看这个例子：

jQuery最佳用法及常见错误总结：1. 记得使用 $(document).ready；2. 使用 $.noConflict(); 或者给 jQuery 重命名，如：$jq；3. 缓存jQuery对象并尽量使用链式操作；4. 变量命名规则；5. 了解DOM的属性和方法；6. 惯用语法创建元素；7. 动画事件的回调函数

Google Analytics不仅是一个工具，而且提供了一套方法和规则，帮助网站分析从业者、网站主来做网站分析，成为了业界默认的规范。然而由于国内的环境，如果在页面中直接加载Google Ananytics的话，会导致页面整体加载时间变长，下面的方法会在页面加载完成时再加载Google Analytics统计代码。

jquery.qrcode.js是一款专门为浏览器生成二维码的jQuery小插件。它能让你方便的为网页添加二维码。它是独立的，gzip压缩后只有4k大小，并且不需要下载图片。它其实是通过使用jQuery实现图形渲染、画图，支持canvas（HTML5）和table两种方式，您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。

outerHeight()/outerHeight()函数用于设置或返回当前匹配元素的外高/宽度。外高/宽度默认包括元素的内边距(padding)、边框(border)，但不包括外边距(margin)部分的高度。你也可以指定参数为true，来包括外边距(margin)部分的高/宽度。如下图：

Chrome DevTools提供了一些内置的快捷键，开发者利用这些快捷键可以节省常工作中很多日的开发时间。下面列出了每个快捷键在Windows/Linux及Mac中的对应键。其中一些快捷键对于DevTools全局可用，而另一些则只能在单个面板中使用。

接上一篇文章《[译]Bootstrap的Affix与ScrollSpy用法[一]》，我们在前一篇已经分享了如何使用Bootstrap的Affix插件，这一篇接着分享如何结合ScrollSpy实现前面例子中的效果。