使用Closure Compiler高级模式需要注意哪些问题？

西风瘦马 发布于 十一月 7, 2011 * 评论(1)

下面列出了使用Closure Compiler（以下简称“编译器”）高级模式（ADVANCED_OPTIMIZATIONS）压缩代码带来的一些非计划内的负面影响，按着下面的步骤操作，可以避免这些负面影响。

常见错误如下：

详情 »

用Fiddler抓取Safari mobile数据包

西风瘦马 发布于 五月 13, 2011 * 评论(9)

因工作的原因，最近尝试了在Safari mobile浏览器（iPad、iPhone、iTouch）下开发网页。当网页开发完成后，需要放到线上用真机查看最终效果，在这个过程中，我发现调试很困难，无法查看源码、无法使用firebug之类的工具动态修改DOM、js、css等文件。上阵子在公司内部分享Fiddler使用技巧时，我曾经提到过使用Fiddler作为代理服务器抓取第三方设备的数据包，当时演示的是使用Fiddler抓另外一台虚拟机上IE8的HTTP包，顺便提了一句“也可以用该方法抓取类似iPad等移动设备的HTTP包”。那时没有用iPhone做实验，现在是实践的时候了。 详情 »

Fiddler使用技巧和实例分析

西风瘦马 发布于 三月 3, 2011 * 评论(3)

前阵子在公司内部做了一次Fiddler技术分享，介绍自己在使用过程中积累的一些心得体会。下面是本次分享用的PPT：

Fiddler使用技巧和实例分析
View more presentations from zhongzhi

HTML5的placeholder属性

西风瘦马 发布于 二月 17, 2011 * 评论(3)

HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现：

PLAIN TEXT
HTML:
  1. <input id="t1" type="text" placeholder="请输入文字" />

传统方式实现的灰字提示：

placeholder实现的灰字提示：
(如果看不到左边文本框中的文字，说明你的浏览器不支持placeholder)

由于placeholder是个新增属性，目前只有少数浏览器支持，如何检测浏览器是否支持它呢？(更多HTML5/CSS3特性检测可以访问) 详情 »

zoomit:小而精的演示辅助软件

西风瘦马 发布于 一月 10, 2011 * 评论(2)

今天参加了微软的一个活动，活动内容一般，不过会上看到微软工程师在演示时用的一个软件很酷，可以直接将窗口放大，并且可以在窗口上画一些线条突出标识重点内容，当时我就被这个功能吸引了，以为是Win7自带的一个工具，后来和微软的这位工程师闲聊时得知，这是一个免费软件，叫Zoomit，它源自Sysinternals公司，后来此公司被微软收购，体积不大，只有200K，绿色免安装。

使用后发现在真的不错，很适合在演示时使用。软件提供三个功能：屏幕放大、屏幕标注、定时提醒。软件界面十分简洁，很快就上手了。强烈推荐给那些有演示需求的朋友！

下载地址：http://technet.microsoft.com/en-us/sysinternals/bb897434

下图列出了常用的一些快捷键：

Zoomit快捷键

Zoomit快捷键

下一页 »