Tag Archives: 工具软件

Sublime Text 2介绍幻灯片

使用reveal.js做的幻灯片格式,下面是目录结构,原始文件请查看这里。 Sublime Text 2 — Born For Web Developer Tips 1 - 随时保留文件的修改 Tips 2 - 多重选择,同时修改 Tips 3 - 智能选择 Tips 4 - 智能感知,一键注释 Tips 5 - Goto Anything,智能搜索 Tips 6 - 自动完成,无处不在 Tips 7 - HTML标签输入 Tips 8 - 标签输入,再简化 Tips 9 - 还在手工刷新页面? Tips 10 - 简单全面的插件体系

Fiddler使用小记

一、为什么使用Fiddler,我们不是已经有了HttpWatch和Firebug 吗? HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉,但是HttpWatch虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据;尽管Firebug可以修改HTML和CSS,但是在调试CGI接口时无法干预HTTP请求的参数值和CGI返回的数据。 而 Fiddler作一个 HTTP 调试代理,不但能够记录客户端同服务器之间的所有 HTTP 通讯数据,还能够修改请求数据和返回数据,也叫做“构造请求”和“模拟响应”。除此之外, 添加了willow插件的Fiddler 还可以:统计数据包、修改Host、请求重定向、编码转换、低网速模拟、断点调试以及过滤HTTP请求…Fiddler包含了一个强大的基于事件脚本的子系统,并且能够使用.net框架语言扩展。 二、Fiddler的运行模式 缓冲模式(Buffering Mode) Fiddler直到HTTP响应完成时才将数据返回给应用程序。可以控制响应,修改响应数据。但是时序图有时候会出现异常 流模式(Streaming Mode) Fiddler 会即时将HTTP响应的数据返回给应用程序。更接近真实浏览器的性能。时序图更准确。但是不能控制响应。 三、Fiddler的测试压缩功能 在Response中Transoformer页签中,可以看到不同压缩算法下响应文件的大小,一般情况下文件格式的响应可以压缩到原始大小的10%。 四、网速模拟 Fiddler可以模拟56K的modem的速度,不过这个模拟的速度太慢了,可以通过脚本来修改,不过比较麻烦,比较灵活控制的是使用Network Delay Simulator软件进行网速模拟 参考文章: 前端开发利器—FIDDLER Fiddler 教程

Sublime Text2使用小技巧

Sublime Text2是一个跨平台的文本编辑器,尤其适合web开发,异次元世界介绍的文章称之为程序员的利器,大家可以先看看。 下面是个人试验后的一些亮点: 一、变量赋值语句对齐 某些对程序的整齐有洁癖的同学,对下面的代码可能很看不顺眼: var i, max_length, days; days = ['mon', 'tue', 'wed', 'thu', 'fir', 'sat', 'sun']; i = 1; max_length = 10; Alignment的插件就是专门用来完成赋值语句中按照等号对齐的,具体操作如下: 用ctrl+鼠标左键选择需要对齐的变量,然后使用ctrl+alt+a热键实现对齐,最后的效果如下(注意三个变量处于选中状态,否则无法实现对齐功能) 二、按html标签选选择文本,下面是使用ctrl+shift+a多次选择的效果: 第一次: 第二次: 第三次: 第四次: 有了这个功能,选择标签基本就不需要使用鼠标了。 三、ZenCoding功能 不知道ZenCoding的童鞋自己google或百度,在sublime text2中的效果如下: 首先安装Emmet这个插件,过程中会自动安装PyV8插件,安装完成后输入下面文字: select>option[value=$$]{$月}*12 然后按tab件,出来了什么内容?下面的结果是不是很酷? 或者安ctrl+alt+space调出zencoding的控制台,可以实时的看到生成的代码。 四、快速进行列编辑 使用shift+鼠标右键可以进入列选择模式,不过有个更简单的方式,就是官方网站上动画演示的第二个功能,具体操作过程如下: crtl+a全选,然后按ctr+shift+L执行spit into lines功能,这时候已经是列编辑模式了 输入单引号后,所选内容已经被引号包围了,按一下右方向键,输入逗号,然后按ctrl+j就可以把这些内容合并成一行了。 五、CSS的定义定位 需要安装Goto-CSS-Declaration插件,使用WIN+<或WIN+>可以跳转到CSS的定义,注意的是包含css定义的文件必须是打开状态。 另外配合Last Cursor Position插件,使用ctrl+alt+left可以实现从css定义跳转回编辑的文件。 六、js程序格式化 需要安装JsFormat插件,使用ctrl+alt+F可以对混淆过的js进行格式化,具体效果大家可以下载jquery的压缩版本进行测试。