快等于好 缩短你网页开发时间的十大方法

来源：成都网站建设 时间：2016-11-05 点击次数：1075次

在当今的开发环境之下：快等于好。当今诸如“快速应用开发 ”，“灵敏软件开发 ”以及“异步JavaScript和XML “（如今我们甚至无法耐心地等待网页的重新载入）的流行词汇和术语让你见识到我们毕竟身处于怎样一个快节奏的世界当中。
 
1. 使用框架
 
框架提掏出了常规代码，给你编写网页应用提供了一个基本的构造和基础。
 
框架中一个非常典型的例子就是Rails，Rails就是Ruby编程语言的一个网页应用开发框架。通过为你提供预先编写好的代码程序包（举个例子，像用户输入验证方式（methods））-你不仅仅节省了用Ruby编写你自己代码的时间——你也很清晰这些程序包已经经受住了其他开发职员的测试以及检修，这可认为你广度测试时（extensive testing ）减少不少麻烦，还可以避免一些因缺少测试而导致潜伏的漏洞。
 
同样的好处对于使用诸如MooTools的JavaScript框架也是合用的。这些框架提供应你的一些类方法（method）都是由核心开发者和社区提供，并在多浏览器下经由广泛测试所考验过的。客户端脚本语言框架还有jQuery，Prototype JS，以及YUI.
 
对于服务器真个框架，你可以考虑CakePHP ，CodeIgniter ，Zend ，或者symphony。假如你喜欢VB以及C#之类微软支持的语言，你可以考虑.Net框架 。
 
 
 
你甚至是可以使用像960Grid 或者BluePrint这样的CSS框架来快速编写和规范你自己风格的页面结构。
 
 
 
2.使用集成开发环境（IDE）
 
当然，你可以只用一个Notepad这样的文本编纂器和FTP就可创建网页应用及其页面。但是我想大多数人都以为，这并不是一个可用在开发复杂和健壮网站项目之上的智慧方法。
 
集成开发环境 （IDE），为你预备了创建和治理大型网站项目所需要的所有工具集合。集成开发环境的功能一直在变，但它们都有如下一些常见的功能
 
项目治理以及团队协作功能。
 
调试以及诊断功能。
 
语法提示以及自动完成功能（IDE会预测你想写的语法）
 
语法高亮
 
内置FTP，能同步本地和远程主机上的文件
 
“IDE”这个词可能有些花哨，有些人还对此不太认识，但是大数据人应该听说过Adobe的Dreamweaver。Dreameweaver就可以看成是一个集成开发环境。由于它含有上面提到的一些功能，帮你更快的编写代码。（他通常合用于前真个制作。但是它也支持服务器真个语言，像PHP和ASP.NET）
 
如今网上有大量的IDE，你所要做的就是为你自己（或者你的团队）挑选一个。像一些流行的，功能齐全的IDE，如Eclipse， Komodo IDE， NetBeans， Visual Studio， 以及Aptana Studio.
 
假如，你看到这里后，依然决心要使用一个文本编纂器，你至少应该看看为代码工作者预备的文本编纂器集锦 这篇文章。
 
3.（适当的）模块化
 
模块化是创建易于维护和扩展的复杂应用的枢纽之所在。本质上这意味着代码要以小的部件来编写，而不是将所有代码写成一个大文件。
 
模块化开头有其自身的时间本钱（由于你必需在设计文件结构方面花费不少心思。）但是，当你需要变更某一部件或者想要扩展你的应用时，这会为你节省掉不少时间。
 
模块化也使得即使bug限制在模块之内;假如有地方发生题目，你会很快的找到题目所在。
 
但是模块化的滥用会导致代码的臃肿和太多不必要的include语句，这会极大的拖慢整个应用的运行速度。因此在模块化程渡过高和过低之间，我们需要到一个好的平衡点。
 
一些模块化设计模式就包含MVC 和PAC模式。
 
4. 使用浏览器工具高效排除前端疑难题目
 
没有处理比跨浏览器的兼容和解析题目更糟糕的事情了。这杆子事会使你疯掉，它给你带来的挫败感差未几让你觉得不砸掉点东西难解心头之恨。但是集成进浏览器的调试工具会使得寻找和诊断前端题目变得分为迅速和高效。
 
Firebug 和Web Developer 是绝对必要的省时利器，它们已经成了前端网页开发者的必备工具。Firbug可以轻松的查看DOM，以了解其原理，以及可以在运行中调整CSS/HTML/JS， 除此之外，也可以帮你调试和注释（profile）你的JavaScrpt代码，帮你弄起初毕竟是什么状况导致了你的脚本运行间断。Web Developer给你提供了一系列有用的工具，像，有的工具可以让你点击一个页面元素就可以看到有哪些样式声明影响了该元素，也可以使你很利便的禁用 JavaScript和CSS，让你了解在没有JavaScript或者CSS的情况下， 你的页面是如何工作的。
 
假如你需要在IE浏览器下调试，你可以尝试尝试IE开发者工具条 。它在功能上跟Firebug和Web Developer很相似。假如你想找更多的集成在浏览器内的IE调试工具来帮你i节省调试时间，你可以点击这个链接。
 
5.代码重用
 
假如你发现你自己总是在做重复的事情，这时候你应该反思反思你的代码结构了。考虑学习一下常见的设计模式它会匡助你创建可重用的灵活的方法，函数，以及对象。
 
打个比方，假如，你需要频繁的链接到数据库，你可能需要创建一个数据库的访问类，来处理数据库的链接，查询以及数据的提交。
 
6. 在线协作以及追踪项目状态
 
实际上——你工作并不孤单。不管你是为一个开发团队工作或是为某人工作（这个人可能是你的上司或者你的客户），你都应该充分享受在线协作和追踪项目状态说给你带来的好处。
 
你在行政性任务上花费的时间越少，或者在在无限无尽的会议上花费的时间越少（或者，更糟的，是那种需要出差的面临面会议）——你在代码上花费的时间就越多。
 
像Basecamp， Lighthouse， 和activeCollab 这类工具就给你提供了一站式的团队协作服务，让你随时追踪项目的状态，你也也可以设置项目的目标和里程碑（milestones）——这样所有人就可以自动同步，为你省下频繁回复电子邮件的时间，你也无需在进度确认会议上花费大量无用时间。
 
这些工具l另外会匡助你区分事情轻重，确保了所有的事情都在一个集中的地方组织和记实下来。
 
7. 代码的自动格局化和尺度化
 
你需要将你的所有代码格局尺度化，这样做不仅仅这是一个很好的习惯，而且日后你一旦需要归来看这些代码，这会帮你很快的理解这些代码。
 
代码的自动格局化可以让你一键格局化你所有的代码，而不是一行一行来做这事，这也确保了代码编写的一致性。自动的格局化也减少了手动修改产生错误的风险、
 
我们有很多工具来匡助我们做这事，良多是网络版的工具 。对于CSS而言，一个流行的开源解决方案就是CSSTidy （Clean CSS is an CSSTidy的在线版本）。对于HTML我们有HTML Tidy。
 
对于脚本，我们有PHP Source Code Formatter， Ruby Script Beautifier， 和Code Beautifier Plus （这个工具是用来格局化 C#， ActionScript， and Java）。
 
8.在需求收集和规划阶段多花时间
 
预防远赛过补救。或许某些思惟学派的人物夸大不要在计划上铺张时间——确保你已经收集到了你需要知道的所有信息，在做作业方面花费必要时间依然是必要的。假如在需求收集方面没做足作业会导致功能泛滥（feature Creep） ，原因就是各种未曾预料到的功能需求
 
9.使用已经编写好的代码
 
帮我们发明了车轱辘，所以我们也没必要切身再捣鼓出车轱辘来。假如在某个地方看到某个你感爱好的功能，其他人极有可能已经为你写好了代码（嗯，不仅仅是为你，而是为我们大家。）对于PHP而言， PHP Classes Repository为你提供了大批的类和脚本供你下载和使用。Hot Scripts则提供了其他语言的各种脚本。假如你只是想要一些小的代码段，你可以去devSnippets 上面淘淘宝。
 
留意：只有当你具备充足的经验，能分辨出好代码和差代码，上面的这个办法才会真正帮你大忙。否则你会发现你终极成品中代码bug丛生，书写混乱。
 
10. 精简功能
 
你必需对网页应用的某些功能做一个评估，以判定在这个功能上面的时间投入是否值得。
 
你的用户真的需要一个并不常常更新的内容治理系统为每一个种别的文章提供一个自定义的RSS输出吗？你真的需要一个网站样式转换器来帮你检测到用户地舆位置哪里，然后将网站呈现不同的风格。
 
编写网站功能就是一场艰苦的战斗 ，不要在对终端用户无用的功能上耗费开发时间，况且这些功能而且会使用户界面复杂化。