在當今的開(kāi)發(fā)環(huán)境之下，快即是好。

　　當今諸如“快速應用開(kāi)發(fā) ”，“敏捷軟件開(kāi)發(fā) ”以及“異步JavaScript和XML “(如今我們甚至無(wú)法耐心地等待網(wǎng)頁(yè)的重新載入)等流行詞匯和術(shù)語(yǔ)讓你見(jiàn)識到究竟身處于怎樣一個(gè)快節奏的世界當中。

　　但是做事趕時(shí)間并不意味著(zhù)你工作要加班加點(diǎn)——你工作時(shí)需要動(dòng)些腦筋。此文，將為你提供縮短網(wǎng)頁(yè)應用開(kāi)發(fā)的十大省時(shí)技巧。

　　一、使用框架

　　框架提取出了常規代碼，給你編寫(xiě)網(wǎng)頁(yè)應用提供了一個(gè)基本的構造和基礎。

　　框架中一個(gè)非常典型的例子就是Rails，Rails就是Ruby編程語(yǔ)言的一個(gè)網(wǎng)頁(yè)應用開(kāi)發(fā)框架。通過(guò)為你提供預先編寫(xiě)好的代碼程序包(舉個(gè)例子，像用戶(hù)輸入驗證方式)——你不僅僅節省了用Ruby編寫(xiě)你自己代碼的時(shí)間——你也很清楚這些程序包已經(jīng)受住了其他開(kāi)發(fā)人員的測試以及檢驗，這可以在廣度測試時(shí)為你減少不少麻煩，另外還可以避免一些因缺少測試而導致潛在的漏洞。

　　同樣的好處對于使用諸如MooTools的JavaScript框架也是適用的。這些框架提供給你的一些類(lèi)方法都是由核心開(kāi)發(fā)者和社區提供，并在諸多瀏覽器下經(jīng)受廣泛測試的考驗。客戶(hù)端腳本語(yǔ)言框架還有jQuery，Prototype JS，以及YUI。如果你想用一些非主流的JS框架，你可以看看這個(gè)極具潛力的JavaScript框架 清單。

　　對于服務(wù)器端的框架，你可以考慮CakePHP ，CodeIgniter ,Zend ，或者symphony。如果你喜歡VB以及C#之類(lèi)微軟支持的語(yǔ)言，你可以考慮.Net框架 。

　　你甚至是可以使用像960Grid 或者BluePrint這樣的CSS框架來(lái)快速編寫(xiě)和規范你自己風(fēng)格的頁(yè)面結構。

　　二、使用集成開(kāi)發(fā)環(huán)境

　　當然，你可以只用一個(gè)Notepad這樣的文本編輯器和FTP就可創(chuàng )建網(wǎng)頁(yè)應用及其頁(yè)面。但是我想大多數人都認為，這并不是一個(gè)可用在開(kāi)發(fā)復雜和健壯網(wǎng)站項目之上的明智方法。

　　集成開(kāi)發(fā)環(huán)境 (IDE)，為你準備了創(chuàng )建和管理大型網(wǎng)站項目所需要的工具集合。集成開(kāi)發(fā)環(huán)境的功能一直在變，但它們都有如下一些常見(jiàn)的功能

　　項目管理以及團隊協(xié)作功能。

　　調試以及診斷功能。

　　語(yǔ)法提示以及自動(dòng)完成功能(IDE會(huì )猜測你想寫(xiě)的語(yǔ)法)

　　語(yǔ)法高亮

　　內置FTP，能同步本地和遠程主機上的文件

　　“IDE”這個(gè)詞可能有些花哨，有些人還對此不太熟悉，但是大數據人應該聽(tīng)說(shuō)過(guò)Adobe的Dreamweaver。Dreameweaver就可以看成是一個(gè)集成開(kāi)發(fā)環(huán)境。因為它含有上面提到的一些功能，幫你更快的編寫(xiě)代碼。(他通常適用于前端的制作。但是它也支持服務(wù)器端的語(yǔ)言，像PHP和ASP.NET)

　　如今網(wǎng)上有大量的IDE，你所要做的就是為你自己(或者你的團隊)挑選一個(gè)。像一些流行的，功能齊全的IDE，如Eclipse, Komodo IDE, NetBeans, Visual Studio, 以及Aptana Studio.

　　如果，你看到這里后，依然決心要使用一個(gè)文本編輯器，你至少應該看看為代碼工作者準備的文本編輯器集錦 這篇文章。

　　三、適當的模塊化

　　模塊化是創(chuàng )建易于維護和擴展復雜應用的關(guān)鍵之所在。本質(zhì)上這意味著(zhù)代碼要以小的部件來(lái)編寫(xiě)，而不是將所有代碼寫(xiě)成一個(gè)大文件。

　　模塊化開(kāi)頭有其自身的時(shí)間成本(因為你必須在設計文件結構方面花費不少心思。)但是，當你需要變更某一部件或者想要擴展你的應用時(shí)，這會(huì )為你節省掉不少時(shí)間。

　　模塊化也使得bug限制在模塊之內，如果有地方發(fā)生問(wèn)題，你會(huì )很快的找到問(wèn)題所在。

　　但是模塊化的濫用會(huì )導致代碼的臃腫和太多不必要的include語(yǔ)句，這會(huì )極大的拖慢整個(gè)應用的運行速度。因此在模塊化程度過(guò)高和過(guò)低之間，我們需要到一個(gè)好的平衡點(diǎn)。

　　一些模塊化設計模式就包含MVC 和PAC模式。

　　四、使用瀏覽器工具高效排除前端疑難問(wèn)題

　　沒(méi)有處理比跨瀏覽器的兼容和解析問(wèn)題更糟糕的事情了。這桿子事會(huì )使你瘋掉，它給你帶來(lái)的挫敗感差不多讓你覺(jué)得不砸掉點(diǎn)東西難解心頭之恨。但是集成進(jìn)瀏覽器的調試工具會(huì )使得尋找和診斷前端問(wèn)題變得分為迅速和高效。

　　Firebug 和Web Developer 是絕對必要的省時(shí)利器，它們已經(jīng)成了前端網(wǎng)頁(yè)開(kāi)發(fā)者的必備工具。Firbug可以輕松的查看DOM，以了解其原理，以及可以在運行中調整CSS/HTML/JS， 除此之外，也可以幫你調試和注釋(profile)你的JavaScrpt代碼，幫你弄起初究竟是什么狀況導致了你的腳本運行中斷。Web Developer給你提供了一系列有用的工具，像有的工具可以讓你點(diǎn)擊一個(gè)頁(yè)面元素就可以看到有哪些樣式聲明影響了該元素，也可以使你很方便的禁用 JavaScript和CSS，讓你了解在沒(méi)有JavaScript或者CSS的情況下， 你的頁(yè)面是如何工作的。

　　如果你需要在IE瀏覽器下調試，你可以嘗試嘗試IE開(kāi)發(fā)者工具條 。它在功能上跟Firebug和Web Developer很相似。如果你想找更多的集成在瀏覽器內的IE調試工具來(lái)幫你i節省調試時(shí)間，你可以點(diǎn)擊這個(gè)鏈接。

　　五、代碼重用

　　如果你發(fā)現你自己老是在做重復的事情，這時(shí)候你應該反思反思你的代碼結構了。考慮學(xué)習一下常見(jiàn)的設計模式它會(huì )幫助你創(chuàng )建可重用的靈活的方法，函數，以及對象。

　　打個(gè)比方，如果，你需要頻繁的鏈接到數據庫，你可能需要創(chuàng )建一個(gè)數據庫的訪(fǎng)問(wèn)類(lèi)，來(lái)處理數據庫的鏈接，查詢(xún)以及數據的提交。

　　六、 在線(xiàn)協(xié)作以及追蹤項目狀態(tài)

　　實(shí)際上——你工作并不孤單。無(wú)論你是為一個(gè)開(kāi)發(fā)團隊工作或是為某人工作(這個(gè)人可能是你上司或者你的客戶(hù))，你都應該充分享受在線(xiàn)協(xié)作和追蹤項目狀態(tài)說(shuō)給你帶來(lái)的好處。

　　你在行政性任務(wù)上花費的時(shí)間越少，或者在在無(wú)窮無(wú)盡的會(huì )議上花費的時(shí)間越少(或者，更糟的，是那種需要出差的面對面會(huì )議)——你在代碼上花費的時(shí)間就越多。

　　像Basecamp, Lighthouse, 和activeCollab 這類(lèi)工具就給你提供了一站式團隊協(xié)作服務(wù)，讓你隨時(shí)追蹤項目的狀態(tài)，你也可以設置項目的目標和里程碑(milestones)——這樣所有人就可以自動(dòng)同步，為你省下頻繁回復電子郵件的時(shí)間，你也無(wú)需在進(jìn)度確認會(huì )議上花費大量無(wú)用時(shí)間。

　　這些工具l另外會(huì )幫助你區分事情輕重，確保了所有的事情都在一個(gè)集中的地方組織和記錄下來(lái)。

　　七、代碼的自動(dòng)格式化和標準化

　　你需要將你的所有代碼格式標準化，這樣做不僅僅這是一個(gè)很好的習慣，而且日后你一旦需要回來(lái)看這些代碼，這會(huì )幫你很快的理解這些代碼。

　　代碼的自動(dòng)格式化可以讓你一鍵格式化你所有的代碼，而不是一行一行來(lái)做這事，這也確保了代碼編寫(xiě)的一致性。自動(dòng)的格式化也減少了手動(dòng)修改產(chǎn)生錯誤的風(fēng)險、

　　我們有許多工具來(lái)幫助我們做這事，很多是網(wǎng)絡(luò )版的工具 。對于CSS而言，一個(gè)流行的開(kāi)源解決方案就是CSSTidy (Clean CSS is an CSSTidy的在線(xiàn)版本)。對于HTML我們有HTML Tidy。

　　對于腳本，我們有PHP Source Code Formatter, Ruby Script Beautifier, 和Code Beautifier Plus (這個(gè)工具是用來(lái)格式化 C#, ActionScript, and Java).

　　八、在需求收集和規劃階段多花時(shí)間

　　預防遠勝過(guò)補救。或許某些思想學(xué)派的人物強調不要在計劃上浪費時(shí)間——確保你已經(jīng)收集到了你需要知道的所有信息，在做功課方面花費必要時(shí)間依然是必要的。如果在需求收集方面沒(méi)做足功課會(huì )導致功能泛濫(feature Creep) ,原因就是各種未曾預料到的功能需求

　　九、使用已經(jīng)編寫(xiě)好的代碼

PHP Classes Repository Screen shot.
 

　　古人以及幫我們發(fā)明了車(chē)轱轆，所以我們也沒(méi)必要親自再搗鼓出車(chē)轱轆來(lái)。如果在某個(gè)地方看到某個(gè)感興趣的功能，其他人極有可能已經(jīng)為你寫(xiě)好了代碼(嗯，不僅僅是為你，而是為我們大家。)對于PHP而言， PHP Classes Repository為你提供了大批的類(lèi)和腳本供你下載和使用。Hot Scripts則提供了其他語(yǔ)言的各種腳本。如果你只是想要一些小的代碼段，你可以去devSnippets 上面淘淘寶。

　　注意：只有當你具備充足的經(jīng)驗，能分辨出好代碼和差代碼，上面的這個(gè)辦法才會(huì )真正幫你大忙。否則你會(huì )發(fā)現你終成品中代碼bug叢生，書(shū)寫(xiě)混亂。

　　十、精簡(jiǎn)功能

　　你必須對網(wǎng)頁(yè)應用的某些功能做一個(gè)評估，以判斷在這個(gè)功能上面的時(shí)間投入是否值得。

　　你的用戶(hù)真的需要一個(gè)并不經(jīng)常更新的內容管理系統為每一個(gè)類(lèi)別的文章提供一個(gè)自定義的RSS輸出嗎?你真的需要一個(gè)網(wǎng)站樣式轉換器來(lái)幫你檢測到用戶(hù)地理位置哪里，然后將網(wǎng)站呈現不同的風(fēng)格。

　　編寫(xiě)網(wǎng)站功能就是一場(chǎng)艱苦的戰斗 ，不要在對終端用戶(hù)無(wú)用的功能上耗費開(kāi)發(fā)時(shí)間，況且這些功能而且會(huì )使用戶(hù)界面復雜化。

http://ezekroy.com/wangzhansheji/4045.html 如何減少網(wǎng)站建設周期