注重：只有当你具备充沛的经验，能分辩出好代码和差代码，膳缦沔的这个法子才会真正帮你年夜忙。否则你会发现你最终制品中代码bug丛生，书写杂乱。

我们有良多工具来辅佐我们做这事，良多是收集版的工具 。对于CSS而言，一个风行的开源解决方檀卷是Rails，Rails就是Ruby编程说话的一个网页应用开发框架。经由过程为你供给预先编写好的代码轨范包（举个例子，像用户输入验证体例）——你不仅仅节约了用Ruby编写你自己代码的时刻——你也很清嚣张这些轨范包已经受住了其他开发人员的测试以及磨练，这可以在广度测试时为你削减不少麻烦，此外还可以避免一些因贫窭测试而导致潜在的裂痕。

二、使用集成开发情形

在当今的开发情形之下，快即是好。

八、在需求收集和规划阶段多花时刻

集成开发情形 （IDE），为你筹备了建树和打点年夜型网站项目所需要的工具集结。集成开发情形的功能一向在变，但它们都有如下一些常见的功能

1、项目打点以及团队协作功能。

模块化也使得bug限制在模块之内，如不美观有处所发生问题，你会很快的找到问题地址。

3、语法提醒以及自动完成功能（IDE会猜测你想写的语法）

4、语法高亮

同样的益处对于使用诸如MooTools的JavaScript框架也是合用的。这些框架供给给你的一些类体例都是由焦点开发者和社区供给，并在诸多浏览器下经受普遍测试的考验。客户端剧本说话框架还有jQuery，Prototype JS，以及YUI。如不美观你想用一些非主流的JS框架，你可以看看这个极具潜力的JavaScript框架 清单。

5、内置FTP，能同簿当地和远程主机尚罾υ件

“IDE”这个词可能有些花哨，有些人还对此不太熟悉，可是年夜数据人应该风闻过Adobe的Dreamweaver。Dreameweaver就可以算作是一个集成开发情形。因为它含有膳缦沔提到的一些功能，帮你更快的编写代码。（他凡是合用于前端的建造。可是它也撑持处事器端的说话，像PHP和ASP.NET）

现在网上有年夜量的IDE，你所要做的就是为你自己（或者你的团队）遴选一个。像一些风行的，功能齐全的IDE，如Eclipse, Komodo IDE, NetBeans, Visual Studio, 以及Aptana Studio.

当然，你可以只用一个Notepad这样的文本编纂器和FTP就可建树网页应用及其页面。可是我想年夜年夜都人都认为，这并不是一个可用在开发复杂和健壮网站项目之上的明智体例。

你需要将你的所有代码格抉择妄想度化，这样做不仅仅这是一个很好的习惯，而且日后你一旦需要回来看这些代码，这会帮你很快的理解这些代码。

三、恰当的模块化

模块化是建树易于维护和扩展复杂应用的关头之地纸怪司质上这意味着代码要以小的部件来编写，而不是将所有代码写成一个年夜文件。

模块化开首有其自身的时刻成本（因为你必需在设计文件结构方面破耗不少心思。）可是，当你需要变换某一部件或者想要扩展你的应用时，这会为你节约失踪不少时刻。

前人以及帮我们发现了车轱辘，所以我们也没需要亲自再捣鼓出车轱辘来。如不美观在某个处所看到某个感乐趣的功能，其他人极有可能已经为你写好了代码（嗯，不仅仅是为你，而是为我们巨匠。）对于PHP而言， PHP Classes Repository为你供给了多量的类和剧本供你下载和使用。Hot Scripts则供给了其他说话的各类剧本。如不美观你只是想要一些小的代码段，你可以去devSnippets 膳缦沔淘淘宝。

当今诸如“快速应用开发 ”，“火速软件开发 ”以及“异步JavaScript和XML “（现在我们甚至无法耐心地期待网页的年夜头载入）登械毙词汇和术语让你见识到事实身处于若何一个快节奏的世界傍边。

可是模块化的滥用会导致代码的臃肿和太多不需要的include语句，这会极年夜的拖慢整个应用的运行速度。是以在模块化程渡过高和过低之间，我们需要到一个好的平衡点。

没有措置比跨浏览器的兼容息争析问题更糟糕的工作了。这杆子事会使你疯失踪，它给你带来的挫败感差不多让你感受不砸失踪点工具难解心头之恨。可是集成进浏览器的调试工具会使灯揭捉找和诊断前端问题变得分为迅速和高效。

四、使用浏览器工具高效解除前端疑难问题

Firebug 和Web Developer 是绝对需要的省时利器，它们已经成了前端网页开发者的必备工具。Firbug可以轻松的查看DOM，以体味其事理，以及可以在运行中调整CSS/HTML/JS， 除此之外，也可以帮你调试和注释（profile）你的JavaScrpt代码，帮你弄开初事实是什么状况导致了你的剧本运行间断。Web Developer给你供给了一系列有用的工具，像有的工具可以让你点击一个页面元素就可以看到有哪些样式声明影响了该元素，也可以使你很便利的禁用 JavaScript和CSS，让你体味在没有JavaScript或者CSS的情形下， 你的页面是若何工作的。

2、调试以及诊断功能。

如不美观你需要在IE浏览器下调试，你可以考试考试考试考试IE开发者工具条 。它在功能上跟Firebug和Web Developer很相似。如不美观你想找更多的集成在浏览器内的IE调试工具来帮你i节约调试时刻，你可以点击这个链接。

五、代码重用

如不美观你发现你自己老是在做一再的工作，这时辰你应该反思反思你的代码结构了。考虑进修一下常见的设计模式它会辅佐你建树可重用的矫捷的体例，函数，以及对象。

打个例如，如不美观，你需要频仍的链接到数据库，你可能需要建树一个数据库的访谒类，来措置数据库的链接，发芽以及数据的提交。

六、 在线协作以及追踪项目状况

框架提掏出了常规代码，给你编写网页应用供给了一个根基的机关和基本。

对于处事器端的框架，你可以考虑CakePHP ，CodeIgniter ,Zend ，或者symphony。如不美观你喜欢VB以及C#之类微软撑持的说话，你可以考虑.Net框架 。

可是干事赶时刻并不意味着你工作要加班加点——你工作时需要动些脑子。此文，将为你供给缩短网页应用开发的十年夜省时技巧。

你甚至是可以使用像960Grid 或者BluePrint这样的CSS框架来快速编写和规范你自己气概的页面结构。

现实上——你工作并不伶丁。无论你是为一个开发团队工作或是为某人工作（这小我可能是你上司或者你的客户），你都应该充实享受在线协作和追踪项目状况说给你带来的益处。

你在行政性使命上破耗的时刻越少，或者在在无限无尽的会议上破耗的时刻越少（或者，更糟的，是那种需要出差的面临面会议）——你在代码上破耗的侍旧送越多。

像Basecamp, Lighthouse, 和activeCollab 这类工具就给你供给了一站式团队协作处事，让你随时追踪项目的状况，你也可以设置项目的方针和里程碑（milestones）——这样所有人就可以自动同步，为你省下频仍回覆电子邮件的时刻，你也无需在进度确认会议上破耗年夜量无用时刻。

这些工具l此外会辅佐你区分工作轻重，确保了所有的工作都在一个集中的处所组织和记实下来。

七、代码的自动名目化和尺度化

代码的自动名目化可以让你一键名目化你所有的代码，而不是一行一行来做这事，这也确保了代码编写的一致性。自动的名目化也削减了手动改削发生错误的风险、

预防远胜过解救。或许某些思惟学派的人物强调不要在打算上华侈时刻——确保你已经收集到了你需要知道的所有信息，在做功课方面破耗需要时刻依然是需要的。如不美观在需求收集方面没做足功课会导致功能泛滥（feature Creep） ,原因就是各类不曾预料到的功能需求

九、使用已经编写好的代码

十、精简功能

你必需对网页应用的某些功能做一个评估，以判定在这个功能膳缦沔的时刻投入是否值得。

你的用户真的需要一个并不经常更新的内容打点系统为每一个类此外文章供给一个自界说的RSS输出吗？你真的需要一个网站样式转换器来帮你检测到用户地舆位置哪里，然后将网站呈现分歧的气概。

编写网军功能就是一场艰辛的战斗 ，不要在对终端用户无用的功能上破耗开发时刻，况且这些功能而且会使用户界面复杂化。

原文：sixrevisions.com

一些模块化设计模式就包含MVC 和PAC模式。

译文：21haolou