Categories


Tags


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

一直觉得前端开发缺个手册,这是个体力活。不过总得有人来干。

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

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

更新记录:

[20081025] 第一版

快捷导航:

在线工具集

常用Firefox插件

IE下的调试工具

参考手册

批处理工具

IDE及其他工具

Bookmarklet

前端开发者社区及权威网站

推荐订阅的博客和网站

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

在线工具集

书籍类:

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手册以及其他有用的资料。

苏昱的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

维基百科

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

国外

内容聚合: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楼,九天音乐,金蝶与友商网

个人Blog,这里列出的是原创并更新相对频繁的博客,如有遗漏,请告之(sorrycc#gmail.com):怿飞,手气不错,Realazy,old9(需穿墙术),沙滩凉鞋(空帏),射雕(玉伯),Aether,振之,嗷嗷,JunChen,爆牙齿,秦歌,克军,5key,小志,Rage(正淳),麦鸡,云烈,老冒,番茄红了,Joyqi,卢力,CSS森林(Ghost),Twinsen,Gulu77,Rlog,Dlog,子鼠,西风坊 …

作者:陈成

来源:月光博客


Public @ 2010-04-21 15:45:14

Mysql数据库服务启动提示1069错误解决方法

1.打开自己的服务器,然后选择【我的电脑】,右键,选择【管理】图片7.png2.在【管理】界面下,找到【本地用户和组】,选择【用户】,然后在【用户】中找到【MYSQL】用户。图片8.png3.选择【MYSQL】用户,然后右键,选择【设置密码】,然后会弹出一个输入对话框,输入新密码和确认密码,然后【确定】4.做完以上的之后,同样在【管理】界面下,找到【服务和应用程序】,然后选择【服务】,找到【MYS

Public @ 2011-05-03 15:46:46

asp.net 拒绝访问处理

7.12号凌晨微软发布了例行补丁更新,服务器更新后部分Asp.net 网站出现拒绝访问,如下图:image.png目前我司排查是新的补丁不兼容旧的Urewrite模块造成的 2种处理方法如下:卸载掉更新的补丁,补丁如下图(推荐)image.png2.修改网站的web.config 文件,把URewirte替换成新版本<system.webServer><rewrite>&l

Public @ 2021-01-24 15:46:33

如何设计一个成功的网站

有以下几个关键因素可以帮助设计一个成功的网站: 1. 明确的目标和受众:确定网站的目标和受众,包括网站的定位、用户的需求和期望,可以帮助你更好地设计网站结构和内容。 2. 响应式设计:保证网站可以适应各种屏幕尺寸和设备,提供更好的用户体验。 3. 简洁清晰的布局:设计一个简单明了的布局,使用户能够轻松找到所需的信息。 4. 清晰的导航和标记:提供简单清晰的导航和标记,让用户能够快速找到需要

Public @ 2023-04-09 21:01:37

网站设计的基本步骤和方法

网站,指的是在互联网上用于展示内容的相关网页的集合。网站是由域名、网站源程序和网站空间三部分构成。网站空间由专门的服务器或虚拟主机承担;网站源程序则放在网站空间里面,表现为网站前台和网站后台。互联网上的网站五花八门,尽管这些网站在内容方面有很大的差异,它们的客户对象也不一样,但都遵循着一个基本的设计流程,即规划、设计、开发、发布和维护。按照这几个阶段一步一步地往下做,便可以打造出属于自己的商业网站

Public @ 2022-07-02 15:45:16

更多您感兴趣的搜索

0.325843s