前端开发开发设计大家手册(包含专用工具、网站

2021-03-22 06:38 jianzhan

今日闲来无事,把1些专用工具(online和client的)、常见网站地址、和工作经验总结等列举出来和大伙儿共享下。这个题目起地大了点,毫无疑问会有许多地区没列到,包含类目地分法也将会考虑到不周,因此还请大伙儿积极主动填补纠正,能够立即留言,还可以发电子邮件给我(sorrycc#gmail.com)。之因此再加“大家”两字,由于下列資源针对大神来讲将会早就很熟习了。

此外想提1句,专用工具是死的,好不太好用得看你会不容易用。例如Firefox、Fiddler等,除不言而喻的作用之外,都有1些小的技能,把握了可让你事倍功半。

升级纪录:

  • [20081025] 初版

便捷导航栏:

  • 线上专用工具集
  • 常见Firefox软件
  • IE下的调节专用工具
  • 参照手册
  • 批解决专用工具
  • IDE及别的专用工具
  • Bookmarklet
  • 前端开发开发设计者小区及权威性网站
  • 强烈推荐定阅的blog和网站

此外还搞了个Firefox软件《前端开发开发设计专用工具集》,把資源整合到1个菜单下,便捷查寻。数据信息放线上上(Google AppEngine),速率应当会有确保,升级也会较为便捷哈。 

线上专用工具集

  • 书本类:
    • Book Shelf 2.0 beta —— 荐,归类很清楚,免费下载很便捷
    • Book Go!
    • 原板图书完全免费免费下载连接搜集站
    • 51CNNET.NET
  • JavaScript类:
    • Beautify JavaScript —— JavaScript文件格式化工厂具,实际效果很理想化
    • AJAX Libraries API
    • Regex Tester
    • Compressor Packer —— 之前1直用这个压JS,自从有了TBCompressor,就舍弃他了
  • CSS类:
    • CSS挑选器特性检测
    • CSSTidy —— CSS文件格式化工厂具
    • CSS Compressor  —— CSS缩小
  • 别的:
    • GUID 转化成器 —— 做一些物品(Firefox软件)时必须唯1資源标示符时用
    • 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 —— 十分强大的1款http流查询专用工具,默认设置适用IE,别的访问器能够设定将{Document}\Scripts\BrowserPAC.js设为代理商开展应用。Firefox下能用上述"Fiddler 电源开关"开展迅速切换。适用软件。
  • IE Developer Toolbar —— 查询元素、禁用缓存文件、禁用CSS\JS、Outline元素、查询转化成的源代码等作用,IE8自带了1个提升版的。
  • 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還是有很大改善的,调节起来会便捷1些。
  • 下列3个手机软件相对性不关键些:
    • HttpWatch —— http流查询
    • Instant Source —— 可查询JS转化成的源代码
    • NetLimiterPro —— 网速限定

参照手册

  • XHTML、CSS & DOM W3C 手册 —— 玉伯梳理的版本号,包括了W3C手册和别的有效的材料。
  • 苏昱的CSS汉语手册和Dom汉语手册
  • JScript語言参照
  • XML指南
  • XMLHTTP参照手册
  • jQuery 1.2.6 API和jQuery and jQuery UI Reference 1.2
  • Apache 2.2 汉语版参照手册线上版
  • 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

开发设计者小区及权威性网站

  • Mozilla Developer Center (MDC)
  • YAHOO! Developer Network (YDN)
  • Dev.Opera
  • Apple Developer Connection
  • MSDN
  • IBM Developers我国 (Web 前端开发开发设计技术性专题)
  • WebKit
  • AOL Developer Network
  • SlideShare - Share PPT —— 线上PPT共享,資源丰富多彩
  • Google Doctype —— Web开发设计人员的百科全书
  • W3C (中国香港,我国)
  • Position Is Everything
  • HTML Dog
  • 维基百科

强烈推荐定阅的blog和网站(排名分不清前后)

  • 海外
    • 內容汇聚:A List Apart,Ajaxian,Smashing Magazine,456 berea street,Script & Style,CSS Globe,CSS-Tricks,SitePoint
    • 精英团队Blog:Yahoo! User Interface Library (YUI),IEBlog
    • 本人Blog:John Resig,PPK: QuirksMode,Douglas Crockford,Dean Edwards,Nate Koechley,Julien Lecomte,Eric A. Meyer,Andy Budd,Steven Levithan,HedgerWow
  • 中国
    • 內容汇聚:Blueidea,无忧脚本制作,网页页面设计方案师(W3CN),JavaScript实例教程网
    • 精英团队Blog:淘宝,口碑,阿里巴巴巴巴国际性站,阿里巴巴巴巴中市文站,阿里巴巴巴巴中市文站前端开发开发设计精英团队(方凳),阿里巴巴妈妈,付款宝,阿里巴巴手机软件,19楼,9天歌曲,金蝶与友商网
    • 本人Blog,这里列出的是原創并升级相对性经常的blog,如有忽略,请告知(sorrycc#gmail.com):怿飞,手气非常好,Realazy,old9(需穿墙术),海滩凉鞋(空帏),射雕(玉伯),Aether,振之,嗷嗷,JunChen,爆牙齿,秦歌,克军,5key,小志,Rage(正淳),麦鸡,云烈,老冒,西红柿红了,Joyqi,卢力,CSS山林(Ghost),Twinsen,Gulu77,Rlog,Dlog,子鼠,西风坊 …