使用Google Analytics跟踪捕获JavaScript，AngularJS，jQuery的在线错误和异常 谷歌Analytics（分析）是最流行的网站统计服务。它有多种用途：跟踪访问者的会话活动和事件。
它能够跟踪任何事件。因此我们可以通过谷歌Analytics（分析）发送和跟踪任何数据。其中最重要的一个应用场景就是，为Web开发人员分析网页上可能产生或未发现的错误和异常。
Session劫持与Session-ID的安全长度 Session劫持从Web Session控制机制处发动攻击，通常是对Session令牌管理的剥夺。
因为HTTP通信使用许多不同的TCP连接，Web服务器需要一个方法来识别每个用户的连接。最有用的方法是当一个客户端成功认证后，该Web服务器向该客户端浏览器发送令牌。Session令牌通常由可变长度的字符串组成，并且它可以以不同的方式存储，如在URL中，在HTTP请求的cookie报头中(request header)，或在HTTP请求中的其它报头，或者在HTTP请求的主体中。
Session劫持攻击通过窃取或预测有效的Session令牌来获得未经授权Web服务器访问权限。
使用Node.JS监听文件夹变化 使用Node.JS监听文件夹改变有许多应用场合，比如：
构建自动编绎工具: 当源文件改变时，自动运行build过程，比如当你写CoffeeScript文件或SASS CSS文件时，保存之后可即时生成对应的JS或CSS.
构建自动布署工具: 通过侦听源文件夹的改变，你可以自动即时将改后的文件布署到测试服务器，加快你的开发测试速度。
我为什么不再用Compass写CSS（缺点分析） Compass 是一个糟糕的项目。目前最大的Sass框架，它目前由Chris Eppstein自己维护，两个Sass核心设计者之一，目前它仍然十分流行。
然而，大约一年前，我就完全抛弃Compass了。我将把从我们的项目中删掉。从我自己的网站中删掉。从我身边的项目中删掉。到底发生了什么？我是怎么从"Compass是最好的"转变到“我不需要它了”的呢？
起初我认为Compass是一个比Sass更好的东西，直到认识到它其实并没有带来多大实惠。至少是还不值得将其引入到项目中，特别是Ruby Sass本身已经很慢了。
将BootstrapJS和AngularJS结合使用以及为什么不用jQuery 您使用jQuery操作数据抓住并注入到DOM的方式基本上基于事件。当我们使用Bootstrap JavaScript组件时，比如一个按钮，我们需要“单击此按钮时，设置此按钮为激活状态”。并将这种设置添加入新加的按钮中。通过添加 .active 类和检查input（如果你的按钮是一个input）为实现。
在Angular中，操纵数据不是通过抓取和注入。一般通过数据绑定来实现，野蛮抓取注入数据。也能够改变每个组件的状态，不过在切换时就会暴露出问题。
这就是为什么我们不能直接用Bootstrap的JavaScript。它依赖于jQuery我们不希望jQuery的破坏我们的Angular项目。如果我们试图绑定变量到组件，它无法工作。
CSS Sprite小图片自动合并工具（NodeJS,Python,Java,Ruby） css-sprite是将css样式中零星的小图标，小图片合并成大图显示，这样能减小服务器并发连接数，减小服务器负载和带宽使用，有很高的实用价值。这里介绍一些自动合并图片并生成样式的工具。
css-sprite是一个基于NodeJS实现的css切图自动合并工具，能自动将小图片合成大图，支持retina sprites和base64输出格式。
SmartSprites是基于Java实现的CSS切图自动合并工具，你只需要在CSS样式文件中添加一些注释即可使用；
Glue是基于Python实现的一个CSS Sprites切图自动生成工具。它生成的CSS小图标所对应的样式名以目录名+文件名组织： 如.sprite-icons-zoom_out，
让我们写快速的JavaScript,JS性能优化小窍门
不过，说实话，即使它这么疯狂流行，它的性能还没有达到它的极限。是的，它在改进，但是等到它在各个方面赶上本地应用之前，在做一个HYBIRD混合应用时，你还不得不使用一些伎俩来优化它的性能。
Sortable极小的可拖放排序分组库;支持AngularJS,React,Meteor 为现代浏览器和触摸设备拖放排序列表设计的简约JavaScript库。不依赖jQuery。支持Meteor，AngularJS，React，任意CSS库，如Bootstrap。注* minify压缩后10K左右, Gzip后4K
- 支持触摸设备主流游览器(IE8+)
- 可以在列表内和列表间拖动
- 移动物品时支持CSS动画
- 支持拖动手柄和可选择的文字（比voidberg的html5sortable更好）
- 智能的自动滚屏
- 使用内置的HTML5拖放API
- 支持Meteor和AngularJS
- 支持任何CSS库，例如Bootstrap
- 简单的API
- 不依赖jQuery（但支持）
通过Web Audio API可视化输出MP3音乐频率波形 Web Audio API(网络音频API)过去几年中已经改进很多，通过网页播放声音和音乐已经成为了可能。但这还不够，不同浏览器的行为方式还有不同。但至少已经实现了．在这篇文章中，我们将通过DOM和Web Audio API创建一个可视化音频的例子。 注＊ 形状会波形而变化．
专为控制打印设计的CSS样式 大多数Web设计师对打印控制还不是很熟悉，他们往往更迷恋像素，而不是打印机。在现实世界中，很多人依赖从网站上打印网页来参考： 在这个数字时代, 在一些特殊的场合，很多人手中还会拿着纸张。
Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距．
