義烏網(wǎng)站開(kāi)發(fā)省時(shí)十大技巧

一、使用框架

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

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

同樣的好處對(duì)于使用諸如MooTools的JavaScript框架也是適用的。這些框架提供給你的一些類方法都是由核心開(kāi)發(fā)者和社區(qū)提供，并在諸多瀏覽器下經(jīng)受廣泛測(cè)試的考驗(yàn)。客戶端腳本語(yǔ)言框架還有jQuery，Prototype JS，以及YUI。

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

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

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

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

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

1、項(xiàng)目管理以及團(tuán)隊(duì)協(xié)作功能。

2、調(diào)試以及診斷功能。

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

4、語(yǔ)法高亮

5、內(nèi)置FTP，能同步本地和遠(yuǎn)程主機(jī)上的文件

“IDE”這個(gè)詞可能有些花哨，有些人還對(duì)此不太熟悉，但是大數(shù)據(jù)人應(yīng)該聽(tīng)說(shuō)過(guò)Adobe的Dreamweaver。Dreameweaver就可以看成是一個(gè)集成開(kāi)發(fā)環(huán)境。因?yàn)樗猩厦嫣岬降囊恍┕δ?，幫你更快的編?xiě)代碼。（它通常適用于前端的制作。但是它也支持服務(wù)器端的語(yǔ)言，像PHP和ASP.NET）

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

三、適當(dāng)?shù)哪K化

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

模塊化開(kāi)頭有其自身的時(shí)間成本（因?yàn)槟惚仨氃谠O(shè)計(jì)文件結(jié)構(gòu)方面花費(fèi)不少心思。）但是，當(dāng)你需要變更某一部件或者想要擴(kuò)展你的應(yīng)用時(shí)，這會(huì)為你節(jié)省掉不少時(shí)間。

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

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

一些模塊化設(shè)計(jì)模式就包含MVC 和PAC模式。

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

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

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

如果你需要在IE瀏覽器下調(diào)試，你可以嘗試IE開(kāi)發(fā)者工具條 。它在功能上跟Firebug和Web Developer很相似。

五、代碼重用

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

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

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

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

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

像Basecamp, Lighthouse, 和activeCollab 這類工具就給你提供了一站