PhantomJS 是一个基于WebKit的服务器端 JavaScript API。它全面支持web而不需浏览器支持，其快速，原生支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。PhantomJS可以用于页面自动化，网络监测，网页截屏，以及无界面测试等。

今天部门同事分来一bug：新浪微博授权页面mobile版的错误提示黄签不能关闭，查找其原因，发现是黄签关闭后又被显示出来了，很奇怪，但很明显是有哪个地方又触发了它的show方法。然后在js中跟踪发现黄签关闭后又触发了表单提交方法，而提交表单会触发表单校验功能，校验功能会再次显示出黄签来。

postMessage是html5的一个新功能，它是实现跨域通信的一种安全的策略，通过postMessage方式发送数据，通过在父子窗口添加onmessage事件进行监听，获取发送的数据，非常方便。

Boostrap来自于Twitter，是一个基于HTML，CSS，JAVASCRIPT的时尚的、直观的、强大的流行前端框架及交互组件集，可用于快速，简单构建你的网站。

我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载，不会阻塞主页面。当然使用iframe也是有利有弊的：Steve Souders在他的blog里面有阐述：Using Iframes Sparingly:

前几天在开发SDK时发现用Js模拟Ajax无刷新提交里面的方式，在IE9下创建Iframe会出问题，抛出一个错误： DOM Exception: INVALID_CHARACTER_ERR (5) ，原来IE9下不能用 document.createElement(‘<iframe name=”uploadIframe”>’);

跨域通信这个话题在之前已经提到总结过，关于跨域通信大家可以参考同源策略，跨域资源共享的10种方式以及IE下因设置document.domain而无法和Iframe通信的解决方法。

IE6不支持透明的PNG图片，而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web 设计的创意发挥。虽然解决IE6的透明PNG的方法也很多，从使用IE特有的滤镜或是e­xpression，再到javascript+透明 GIF替代.但是这些方法都有一个缺点，就是不支持CSS中backgrond-position与background-repeat属性。

受同源策略限制，JavaScript不能跨域!　这里提到了同源策略，那么什么是同源策略呢？

同源策略(Same Origin Policy)，它是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。同源策略阻止从一个域上加载的脚本去获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这说明浏览器隔离来自不同源的内容，以防止它们之间的操作。