一、使用框架
框架提取出了常規(guī)代碼,給你編寫網(wǎng)頁應(yīng)用提供了一個基本的構(gòu)造和基礎(chǔ)。
框架中一個非常典型的例子就是Rails,Rails就是Ruby編程語言的一個網(wǎng)頁應(yīng)用開發(fā)框架。通過為你提供預(yù)先編寫好的代碼程序包(舉個例子,像用戶輸入驗(yàn)證方式)——你不僅僅節(jié)省了用Ruby編寫你自己代碼的時間——你也很清楚這些程序包已經(jīng)受住了其他開發(fā)人員的測試以及檢驗(yàn),這可以在廣度測試時為你減少不少麻煩,另外還可以避免一些因缺少測試而導(dǎo)致潛在的漏洞。
同樣的好處對于使用諸如MooTools的JavaScript框架也是適用的。這些框架提供給你的一些類方法都是由核心開發(fā)者和社區(qū)提供,并在諸多瀏覽器下經(jīng)受廣泛測試的考驗(yàn)??蛻舳四_本語言框架還有jQuery,Prototype JS,以及YUI。
對于服務(wù)器端的框架,你可以考慮CakePHP ,CodeIgniter ,Zend ,或者symphony。如果你喜歡VB以及C#之類微軟支持的語言,你可以考慮.Net框架 。
你甚至是可以使用像960Grid 或者BluePrint這樣的CSS框架來快速編寫和規(guī)范你自己風(fēng)格的頁面結(jié)構(gòu)。
二、使用集成開發(fā)環(huán)境
當(dāng)然,你可以只用一個Notepad這樣的文本編輯器和FTP就可創(chuàng)建網(wǎng)頁應(yīng)用及其頁面。但是我想大多數(shù)人都認(rèn)為,這并不是一個可用在開發(fā)復(fù)雜和健壯網(wǎng)站項(xiàng)目之上的明智方法。
集成開發(fā)環(huán)境 (IDE),為你準(zhǔn)備了創(chuàng)建和管理大型網(wǎng)站項(xiàng)目所需要的工具集合。集成開發(fā)環(huán)境的功能一直在變,但它們都有如下一些常見的功能
1、項(xiàng)目管理以及團(tuán)隊(duì)協(xié)作功能。
2、調(diào)試以及診斷功能。
3、語法提示以及自動完成功能(IDE會猜測你想寫的語法)
4、語法高亮
5、內(nèi)置FTP,能同步本地和遠(yuǎn)程主機(jī)上的文件
“IDE”這個詞可能有些花哨,有些人還對此不太熟悉,但是大數(shù)據(jù)人應(yīng)該聽說過Adobe的Dreamweaver。Dreameweaver就可以看成是一個集成開發(fā)環(huán)境。因?yàn)樗猩厦嫣岬降囊恍┕δ?,幫你更快的編寫代碼。(它通常適用于前端的制作。但是它也支持服務(wù)器端的語言,像PHP和ASP.NET)
如今網(wǎng)上有大量的IDE,你所要做的就是為你自己(或者你的團(tuán)隊(duì))挑選一個。像一些流行的,功能齊全的IDE,如Eclipse, Komodo IDE, NetBeans, Visual Studio, 以及Aptana Studio.
三、適當(dāng)?shù)哪K化
模塊化是創(chuàng)建易于維護(hù)和擴(kuò)展復(fù)雜應(yīng)用的關(guān)鍵之所在。本質(zhì)上這意味著代碼要以小的部件來編寫,而不是將所有代碼寫成一個大文件。
模塊化開頭有其自身的時間成本(因?yàn)槟惚仨氃谠O(shè)計文件結(jié)構(gòu)方面花費(fèi)不少心思。)但是,當(dāng)你需要變更某一部件或者想要擴(kuò)展你的應(yīng)用時,這會為你節(jié)省掉不少時間。
模塊化也使得bug限制在模塊之內(nèi),如果有地方發(fā)生問題,你會很快的找到問題所在。
但是模塊化的濫用會導(dǎo)致代碼的臃腫和太多不必要的include語句,這會極大的拖慢整個應(yīng)用的運(yùn)行速度。因此在模塊化程度過高和過低之間,我們需要到一個好的平衡點(diǎn)。
一些模塊化設(shè)計模式就包含MVC 和PAC模式。
四、使用瀏覽器工具高效排除前端疑難問題
沒有處理比跨瀏覽器的兼容和解析問題更糟糕的事情了。這桿子事會使你瘋掉,它給你帶來的挫敗感差不多讓你覺得不砸掉點(diǎn)東西難解心頭之恨。但是集成進(jìn)瀏覽器的調(diào)試工具會使得尋找和診斷前端問題變得分為迅速和高效。
Firebug 和Web Developer 是絕對必要的省時利器,它們已經(jīng)成了前端網(wǎng)頁開發(fā)者的必備工具。Firbug可以輕松的查看DOM,以了解其原理,以及可以在運(yùn)行中調(diào)整CSS/HTML/JS, 除此之外,也可以幫你調(diào)試和注釋(profile)你的JavaScrpt代碼,幫你弄起初究竟是什么狀況導(dǎo)致了你的腳本運(yùn)行中斷。Web Developer給你提供了一系列有用的工具,像有的工具可以讓你點(diǎn)擊一個頁面元素就可以看到有哪些樣式聲明影響了該元素,也可以使你很方便的禁用 JavaScript和CSS,讓你了解在沒有JavaScript或者CSS的情況下, 你的頁面是如何工作的。
如果你需要在IE瀏覽器下調(diào)試,你可以嘗試IE開發(fā)者工具條 。它在功能上跟Firebug和Web Developer很相似。
五、代碼重用
如果你發(fā)現(xiàn)你自己老是在做重復(fù)的事情,這時候你應(yīng)該反思反思你的代碼結(jié)構(gòu)了。考慮學(xué)習(xí)一下常見的設(shè)計模式它會幫助你創(chuàng)建可重用的靈活的方法,函數(shù),以及對象。
打個比方,如果,你需要頻繁的鏈接到數(shù)據(jù)庫,你可能需要創(chuàng)建一個數(shù)據(jù)庫的訪問類,來處理數(shù)據(jù)庫的鏈接,查詢以及數(shù)據(jù)的提交。
六、 在線協(xié)作以及追蹤項(xiàng)目狀態(tài)
實(shí)際上——你工作并不孤單。無論你是為一個開發(fā)團(tuán)隊(duì)工作或是為某人工作(這個人可能是你上司或者你的客戶),你都應(yīng)該充分享受在線協(xié)作和追蹤項(xiàng)目狀態(tài)說給你帶來的好處。
你在行政性任務(wù)上花費(fèi)的時間越少,或者在在無窮無盡的會議上花費(fèi)的時間越少(或者,更糟的,是那種需要出差的面對面會議)——你在代碼上花費(fèi)的時間就越多。
像Basecamp, Lighthouse, 和activeCollab 這類工具就給你提供了一站
網(wǎng)站用戶體驗(yàn)包括哪些內(nèi)容,如何有效提升? 網(wǎng)站用戶體驗(yàn),是個很寬泛的概念,為便于理.....
在互聯(lián)網(wǎng)時代的今天,網(wǎng)站改版十分頻繁。這多虧了新技術(shù)的不斷涌現(xiàn)(每個人都希望能跟.....
當(dāng)今社會已是互聯(lián)網(wǎng)的時代,時代不同,但文化依舊,中國作為文化強(qiáng)國,作為從小深受中.....
義烏網(wǎng)站制作如何構(gòu)建企業(yè)網(wǎng)站的可信度 網(wǎng)站可信性對于一個網(wǎng)站.....
現(xiàn)在的中小企業(yè)在進(jìn)行義烏網(wǎng)站制作之前肯定很少進(jìn)行網(wǎng)站策劃,因?yàn)橹行∑髽I(yè)的做網(wǎng)站的.....
義烏網(wǎng)站制作中提高網(wǎng)站整體形象靠哪些方面 義烏網(wǎng)站制作中網(wǎng)站整體形象是給用.....
學(xué)習(xí)網(wǎng)站制作用于創(chuàng)建表單的HTML標(biāo)簽前,應(yīng)理解訪問者在表單中填寫的信息如何發(fā)送.....
網(wǎng)站設(shè)計是一件非常棘手的事,一些小的設(shè)計細(xì)節(jié)往往嚴(yán)重影響網(wǎng)站的整體性能,并.....
網(wǎng)站制作時盡量靠著W3C標(biāo)準(zhǔn)走外,只是讓各位seo能夠明白一點(diǎn)--別人不干的你應(yīng)該干,.....