http://www.cnblogs.com/yuzhongwusan/archive/2012/07/20/2601306.html 前端开发利器—FIDDLER 1.Fiddler相对其他调试工具的优势 HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉,但是HttpWatch虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据:尽管Firebug可以修改 HTML和CSS,但是在调试CGI接口时无法干预HTTP请求的参数值和CGI返回的数据.而 Fiddler…

http://blog.csdn.net/conquer0715/article/details/51181391 概述 在HTML5盛行的互联网时代,涌现诸多的前端html/css/js框架,基于其 适用范围.licence.发展前景等因素,本人对比总结出其中的两个佼佼者,分别是侧重页面美化展现的 Bootstrap 和侧重页面逻辑控制的 AngularJS ,基于 Bootstrap + AngularJS 创建HTML5应用,定不会让你失望,甚至让你兴奋至极! PS:唯一的遗憾是对不支持H…

前端开发难免遇到很多地方需要图片来展示,以往我们都会使用img.background.font文件实现图片,本人使用bootstrap,但由于前端比较火的bootstrap的font库太少不能满足我们的需求,很多时候我们会使用阿里提供http://www.iconfont.cn/search来寻找图片和自定义iconfont文件 正文 1.登陆http://www.iconfont.cn/search选择图片到购物车 2.生成iconfont代码 点击购物车下载代码[/size] 3.使用 引入…

这篇文章是本人在使用该工具进行前端开发的自我总结,思路也许不是很清楚,不过还是希望对读者的你有所帮助,千万别把这边文章收藏起来发霉哦,无论背多少次快捷键,还不及自己多实际操作几次. 目前官方版正式版 Sublime Text 2 Build 2221,而 Sublime Text 3 为测试阶段,建议下载正式版  注册机SublimeTextKeygen下载 打开注册机,先点中间 “Patch key” 打开 “sublime_text.exe” 文件确认,再随意修改下 “Name” 然后 “G…

是什么? http://brackets.io/ A modern, open source text editor that understands web design. 现代, 开源的文本编辑器, 最懂得web设计. With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. 专注可视化工具…

这里推荐一个前端开发工具webStorm.用了大概快半年了,发现所有其他工具无出其右的.目前最新版本已经到4.0.2,半年前还是2.X 相比aptana.dreamweaver.sublime和vim等我曾用过的,高端开发工具还是用这个顺手.智能. 1.切身感受到的好处: 1)灵活的默认快捷键.起初他的默认快捷键和常用的不太一样,感觉不适应(当然在setting->keymap中可以切换你常用编辑器的快捷键,如eclipse.vim.Mac OS等),但是用惯了发现设计的合理性,如撤销和前进,常…

最近找到一款非常好用的开发利器,VSCode.一直认为微软做的东西都很一般,这个软件让我刮目相看了. 之前使用webstorm卡的不行,换了这个非常好用. 用着还不错,这里记录下一些使用的心得. VS Code的官网: https://code.visualstudio.com/ VS Code的官方基础教程: https://code.visualstudio.com/docs 常用快捷键 Ctrl + /:快速注释或取消注释: Ctrl + o:打开当前文件所在目录: Ctrl + p:打开…

在前端开发的过程中,编写 HTML.CSS 代码始终占据了很大的工作比例.特别是手动编写 HTML 代码,效率特别低下,因为需要敲打各种“尖括号”.闭合标签等.而现在 Emmet 就是为了提高代码编写的效率而诞生的,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发. 你可能听说过一款强大的功能相似的工具:Zen Coding,那个比较老了,而现在的 Emmet 则是 Zen Coding 的升级版,由 Zen Codin…

各位从事前端开发的童鞋们,大家每天coding && coding,然后F5 && F5,今天推荐一个静态文件在浏览器中自动更新的扩展 livereload,不同手动刷新也能实时预览新代码构建的页面. 软件准备:1.新版的sublime text(sublime text 2 无法下载livereload插件) 下载地址 https://www.sublimetext.com/3 新版本安装配置说明 https://www.douban.com/note/474507021…

转自:http://www.jianshu.com/p/ff7798aa4548 Brackets是Adobe开发的web编辑器,是一款免费开源.多平台支持的软件,并在于GitHub上维护.Brackets支持增加插件以提供额外的功能扩展,下面的文章将介绍一些我常用的插件以及我使用期间的心路历程. Brackets网站的介绍图片 这就是Brackets的介绍图片,可以看出,他们对“快速编辑”这一功能是非常推荐的.快速编辑就是当你的鼠标点到某元素的ID或者Class时,Ctrl+E 迅速为您查找该…