自动秒收录

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


文章编号:1714 / 更新时间:2023-04-12 / 浏览:

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

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

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

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

推荐订阅的博客和网站

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

BookShelf2.0beta——荐,分类很清晰,下载很方便

原版图书免费下载链接收集站

BeautifyJavaScript——JavaScript格式化工具,效果很理想

CompressorPacker——以前一直用这个压JS,自从有了TBCompressor,就放弃他了

GUID生成器——做某些东西(Firefox插件)时需要唯一资源标志符时用

支付宝安全控件和旺旺协议——网购专用,Firefox浦发网银,无敌了

Jiffy——调试性能的,用起来比较麻烦,没试过

PixelPerfect——把设计稿直接拖到Firefox里进行对比

RainbowforFirebug——JS高亮,性能不是很理想

Fiddler开关——简化在Firefox里切换Fiddler的操作,感谢TaobaoUED的空帏同学

DevBoi——把Html,Dom,JavaScript等手册放在侧栏里,可以自定义增加,快捷键CtrlF9。可以在这里找到更多的Package。

RefControl——针对每个站点发送想要的HTTPReferer

GreaseMonkey——看某个网站不爽,写个小脚本来优化下还是不错的

HttpFox——查看当前Http链接状态,类似IE下的HttpWatch

UserAgentSwitcher——切换User-Agent,同时开发iphone和web版本的时候很方便

FoxyProxy——穿墙工具,配合专业代理公布器使用很和谐

Fiddle2——非常强悍的一款http流查看工具,默认支持IE,其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述"Fiddler开关"进行快速切换。支持插件。

IEDeveloperToolbar——查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能,IE8自带了一个加强版的。

MicrosoftScriptDebuggerCompanion.JS——调试JS用,虽然报错还是有误差,但是我已经满足了。安装顺序是:MicrosoftScriptDebugger,Companion.JS,在"IE选项-高级"里取消禁用脚本调试。

多版本IE共存两种方案:

IE7/8IETester——大众型配置,可以基本满足日常需要。

IE6InternetExplorerCollection——在IE6用户占绝对优势以及IE6神奇bug满天飞的时代,我还是推荐这种方案,因为只有神奇的原装IE6,才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话,建议再装个IE8IETester,因为IE8下的DeveloperToolbar还是有很大改进的,调试起来会方便一些。

以下三个软件相对不重要些:

InstantSource——可查看JS生成的源码

XHTML、CSS&DOMW3C手册——玉伯整理的版本,包含了W3C手册以及其他有用的资料。

苏昱的CSS中文手册和Dom中文手册

Apache2.2中文版参考手册在线版

TBCompressor——淘宝UED的JS/CSS压缩工具,详见玉伯的介绍

移动版本的ApachePHP——灰常灰常好用,灰常灰常移动,见明城的说明

‘window.document.documentElement.outerHTML”">查看生成的源码,‘window.document.documentElement.outerHTML”);})()">打开新窗口查看生成的源码——forIE

开发者社区及权威网站

IBMDevelopers中国(Web前端开发技术专题)

SlideShare-SharePPT——在线PPT分享,资源丰富

GoogleDoctype——Web开发人员的百科全书

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

内容聚合:Blueidea,无忧脚本,网页设计师(W3CN),JavaScript教程网

团队Blog:淘宝,口碑,阿里巴巴国际站,阿里巴巴中文站,阿里巴巴中文站前端开发团队(方凳),阿里妈妈,支付宝,阿里软件,19楼,九天音乐,金蝶与友商网

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

扫描二维码推送至手机访问。

3浏览自媒体运营与推广

2浏览网站结构优化

2浏览外部链接建设

2浏览自媒体运营与推广


相关标签: 网站设计

本文地址:https://www.badfl.com/article/fdd1f36d30fdb25f8b69.html

上一篇:5种方法立刻写出更好的CSS代码...
下一篇:每个PHP开发者应该知道的五个开发要点...

发表评论

温馨提示

做上本站友情链接,在您站上点击一次,即可自动收录并自动排在本站第一位!
<a href="https://www.badfl.com/" target="_blank">自动秒收录</a>