网站分析：缩短网页开发时间的10大方法

　　在当今的开发环境之下，快即是好。

　　原文：http://sixrevisions.com/web-development/10-ways-to-cut-down-web-development-time/

　　在当今的开发环境之下，快即是好。

　　当今诸如“快速应用开发 ”，“敏捷软件开发 ”以及“异步JavaScript和XML “(如今我们甚至无法耐心地等待网页的重新载入)等流行词汇和术语让你见识到究竟身处于怎样一个快节奏的世界当中。

　　但是做事赶时间并不意味着你工作要加班加点——你工作时需要动些脑筋。此文，将为你提供缩短网页应用开发的十大省时技巧。

　　一、使用框架

　　框架提取出了常规代码，给你编写网页应用提供了一个基本的构造和基础。

　　框架中一个非常典型的例子就是Rails，Rails就是Ruby编程语言的一个网页应用开发框架。通过为你提供预先编写好的代码程序包(举个例子，像用户输入验证方式)——你不仅仅节省了用Ruby编写你自己代码的时间——你也很清楚这些程序包已经受住了其他开发人员的测试以及检验，这可以在广度测试时为你减少不少麻烦，另外还可以避免一些因缺少测试而导致潜在的漏洞。

　　同样的好处对于使用诸如MooTools的JavaScript框架也是适用的。这些框架提供给你的一些类方法都是由核心开发者和社区提供，并在诸多浏览器下经受广泛测试的考验。客户端脚本语言框架还有jQuery，Prototype JS，以及YUI。如果你想用一些非主流的JS框架，你可以看看这个极具潜力的JavaScript框架 清单。

　　对于服务器端的框架，你可以考虑CakePHP ，CodeIgniter ,Zend ，或者symphony。如果你喜欢VB以及C#之类微软支持的语言，你可以考虑.Net框架 。

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

　　二、使用集成开发环境

　　当然，你可以只用一个Notepad这样的文本编辑器和FTP就可创建网页应用及其页面。但是我想大多数人都认为，这并不是一个可用在开发复杂和健壮网站项目之上的明智方法。

　　集成开发环境 (IDE)，为你准备了创建和管理大型网站项目所需要的工具集合。集成开发环境的功能一直在变，但它们都有如下一些常见的功能

　　项目管理以及团队协作功能。

　　调试以及诊断功能。

　　语法提示以及自动完成功能(IDE会猜测你想写的语法)

　　语法高亮

　　内置FTP，能同步本地和远程主机上的文件

　　“IDE”这个词可能有些花哨，有些人还对此不太熟悉，但是大数据人应该听说过Adobe的Dreamweaver。Dreameweaver就可以看成是一个集成开发环境。因为它含有上面提到的一些功能，帮你更快的编写代码。(他通常适用于前端的制作。但是它也支持服务器端的语言，像PHP和ASP.NET)

　　如今网上有大量的IDE，你所要做的就是为你自己(或者你的团队)挑选一个。像一些流行的，功能齐全的IDE，如Eclipse, Komodo IDE, NetBeans, Visual Studio, 以及Aptana Studio.

　　如果，你看到这里后，依然决心要使用一个文本编辑器，你至少应该看看为代码工作者准备的文本编辑器集锦 这篇文章。

　　三、适当的模块化

　　模块化是创建易于维护和扩展复杂应用的关键之所在。本质上这意味着代码要以小的部件来编写，而不是将所有代码写成一个大文件。

　　模块化开头有其自身的时间成本(因为你必须在设计文件结构方面花费不少心思。)但是，当你需要变更某一部件或者想要扩展你的应用时，这会为你节省掉不少时间。

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

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

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

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

　　没有处理比跨浏览器的兼容和解析问题更糟糕的事情了。这杆子事会使你疯掉，它给你带来的挫败感差不多让你觉得不砸掉点东西难解心头之恨。但是集成进浏览器的调试工具会使得寻找和诊断前端问题变得分为迅速和高效。

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

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