前端开发大众手册(包括工具、网址、经验等)

网站建设 2021-07-03 09:08www.dzhlxh.cn网站建设

今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点,肯定会有很多地方没列到,包括类目的分法也可能考虑不周,所以还请大家积极补充指正,可以直接留言,也可以发邮件给我(sorrycc#gmail.com)。之所以加上“大众”两字,因为以下资源对于高手来说可能早就很熟悉了。

另外想提一句,工具是死的,好不好用得看你会不会用。比如Firefox、Fiddler等,除了显而易见的功能以外,都有一些小的技巧,掌握了可以让你事半功倍。

更新记录:

  • [20081025] 第一版

快捷导航:

另外还搞了个Firefox插件《》,把资源整合到一个菜单下,方便查询。数据放在线上(Google AppEngine),速度应该会有保证,更新也会比较方便哈。 

在线工具集

  • 书籍类:
    • —— 荐,分类很清晰,下载很方便
  • JavaScript类:
    • —— JavaScript格式化工具,效果很理想
    • —— 以前一直用这个压JS,自从有了TBCompressor,就放弃他了
  • CSS类:
    • —— CSS格式化工具
    •   —— CSS压缩
  • 其他:
    • —— 做某些东西(Firefox插件)时需要唯一资源标志符时用

常用Firefox插件

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

IE下的调试工具

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

参考手册

  • —— 整理的版本,包含了W3C手册以及其他有用的资料。
  • 苏昱的和
  • ()

批处理工具

  • —— 淘宝UED的JS/CSS压缩工具,详见
  • —— png优化工具
  • —— jpeg去冗余meta工具

IDE及其他工具

  • —— 灰常灰常好用,灰常灰常移动,见

Bookmarklet(右键另存)

  • ——
  • ——
  • ——
  • ,—— for IE

开发者社区及权威网站

  • ()
  • —— 在线PPT分享,资源丰富
  • —— Web开发人员的百科全书
  • (,

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

  • 国外
    • 内容聚合:,,,,,,,
    • 团队Blog:,
    • 个人Blog:,,,,,,,,,
  • 国内
    • 内容聚合:,,,
    • 团队Blog:,,,,,,,,,,
    • 个人Blog,这里列出的是原创并更新相对频繁的博客,如有遗漏,请告之(sorrycc#gmail.com):,,,(需穿墙术),,,,,,,,,,,,,,,,,,,,,,,,, …

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板