前端资源推荐

在线工具集

  • 书籍类:
    • Book Shelf 2.0 beta —— 荐,分类很清晰,下载很方便
    • Book Go!
    • 原版图书免费下载链接收集站
    • 51CNNET.NET
  • JavaScript类:
    • Beautify JavaScript —— JavaScript格式化工具,效果很理想
    • AJAX Libraries API
    • Regex Tester
    • Compressor Packer —— 以前一直用这个压JS,自从有了TBCompressor,就放弃他了
  • CSS类:
    • CSS选择器性能测试
    • CSSTidy —— CSS格式化工具
    • CSS Compressor  —— CSS压缩
  • 其他:
    • GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
    • W3Counter
    • WebWait – Benchmark Your Website

常用Firefox插件

  • 支付宝安全控件 和 旺旺协议 —— 网购专用,Firefox+浦发网银,无敌了
  • Firebug —— 这个不用介绍了吧,附空帏的外部编辑器乱码修正版
    • Firecooike —— 支持Cookie的查看和编辑
    • Jiffy —— 调试性能的,用起来比较麻烦,没试过
    • YSlow —— Why Slow? YUI出品
    • Pixel Perfect —— 把设计稿直接拖到Firefox里进行对比
    • Rainbow for Firebug —— JS高亮,性能不是很理想
  • Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作,感谢Taobao UED的空帏同学
  • Web Developer
  • DevBoi —— 把Html, Dom, JavaScript等手册放在侧栏里,可以自定义增加,快捷键Ctrl+F9。可以在这里找到更多的Package。
  • RefControl —— 针对每个站点发送想要的HTTP Referer
  • GreaseMonkey —— 看某个网站不爽,写个小脚本来优化下还是不错的
  • HttpFox —— 查看当前Http链接状态,类似IE下的HttpWatch
  • User Agent Switcher —— 切换User-Agent,同时开发iphone和web版本的时候很方便
  • FoxyProxy —— 穿墙工具,配合专业代理公布器使用很和谐

IE下的调试工具

  • Fiddle2 —— 非常强悍的一款http流查看工具,默认支持IE,其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述”Fiddler 开关”进行快速切换。支持插件。
  • IE Developer Toolbar —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能,IE8自带了一个加强版的。
  • Microsoft Script Debugger + Companion.JS —— 调试JS用,虽然报错还是有误差,但是我已经满足了。安装顺序是:Microsoft Script Debugger,Companion.JS,在”IE选项-高级”里取消禁用脚本调试
  • 多版本IE共存两种方案:
    • IE7/8 + IE Tester —— 大众型配置,可以基本满足日常需要。
    • IE6 + Internet Explorer Collection —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代,我还是推荐这种方案,因为只有神奇的原装IE 6,才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话,建议再装个IE 8 + IE Tester,因为IE 8下的Developer Toolbar还是有很大改进的,调试起来会方便一些。
  • 以下三个软件相对不重要些:
    • HttpWatch —— http流查看
    • Instant Source —— 可查看JS生成的源码
    • NetLimiterPro —— 网速限制

参考手册

  • XHTML、CSS & DOM W3C 手册 —— 玉伯整理的版本,包含了W3C手册以及其他有用的资料。
  • MySQL 5.1 参考手册 (在线版)
  • PHP手册
  • YUI Cheatsheet
  • Cheat Sheet Roundup – Over 30 Cheatsheets for developers
  • 23个Cheatsheet打包下载

批处理工具

  • TBCompressor —— 淘宝UED的JS/CSS压缩工具,详见玉伯的介绍
  • pngOptimizer —— png优化工具
  • jpegTran —— jpeg去冗余meta工具

IDE及其他工具

  • Editplus v301 汉化版
  • Tortoise SVN
  • 移动版本的 Apache + PHP —— 灰常灰常好用,灰常灰常移动,见明城的说明

Bookmarklet(右键另存)

  • Firebug Lite —— 官方介绍
  • Xray —— 官方介绍
  • MRI —— 官方介绍
  • ‘+ window.document.documentElement.outerHTML+ ””>查看生成的源码,‘+ window.document.documentElement.outerHTML+ ”);})()”>打开新窗口查看生成的源码 —— for IE

开发者社区及权威网站

推荐订阅的博客和网站(排名不分先后)


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流