在當(dāng)今的開發(fā)環(huán)境之下:快等于好。當(dāng)今諸如“快速應(yīng)用開發(fā) ”,“靈敏軟件開發(fā) ”以及“異步JavaScript和XML “(如今我們甚至無(wú)法耐心地等待網(wǎng)頁(yè)的重新載入)的流行詞匯和術(shù)語(yǔ)讓你見識(shí)到我們畢竟身處于怎樣一個(gè)快節(jié)奏的世界當(dāng)中。
1. 使用框架
框架提掏出了常規(guī)代碼,給你編寫網(wǎng)頁(yè)應(yīng)用提供了一個(gè)基本的構(gòu)造和基礎(chǔ)。
框架中一個(gè)非常典型的例子就是Rails,Rails就是Ruby編程語(yǔ)言的一個(gè)網(wǎng)頁(yè)應(yīng)用開發(fā)框架。通過(guò)為你提供預(yù)先編寫好的代碼程序包(舉個(gè)例子,像用戶輸入驗(yàn)證方式(methods))-你不僅僅節(jié)省了用Ruby編寫你自己代碼的時(shí)間——你也很清晰這些程序包已經(jīng)經(jīng)受住了其他開發(fā)職員的測(cè)試以及檢修,這可認(rèn)為你廣度測(cè)試時(shí)(extensive testing )減少不少麻煩,還可以避免一些因缺少測(cè)試而導(dǎo)致潛伏的漏洞。
同樣的好處對(duì)于使用諸如MooTools的JavaScript框架也是合用的。這些框架提供應(yīng)你的一些類方法(method)都是由核心開發(fā)者和社區(qū)提供,并在多瀏覽器下經(jīng)由廣泛測(cè)試所考驗(yàn)過(guò)的。客戶端腳本語(yǔ)言框架還有jQuery,Prototype JS,以及YUI.
對(duì)于服務(wù)器真?zhèn)€框架,你可以考慮CakePHP ,CodeIgniter ,Zend ,或者symphony。假如你喜歡VB以及C#之類微軟支持的語(yǔ)言,你可以考慮.Net框架 。
你甚至是可以使用像960Grid 或者BluePrint這樣的CSS框架來(lái)快速編寫和規(guī)范你自己風(fēng)格的頁(yè)面結(jié)構(gòu)。
2.使用集成開發(fā)環(huán)境(IDE)
當(dāng)然,你可以只用一個(gè)Notepad這樣的文本編纂器和FTP就可創(chuàng)建網(wǎng)頁(yè)應(yīng)用及其頁(yè)面。但是我想大多數(shù)人都以為,這并不是一個(gè)可用在開發(fā)復(fù)雜和健壯網(wǎng)站項(xiàng)目之上的智慧方法。
集成開發(fā)環(huán)境 (IDE),為你預(yù)備了創(chuàng)建和治理大型網(wǎng)站項(xiàng)目所需要的所有工具集合。集成開發(fā)環(huán)境的功能一直在變,但它們都有如下一些常見的功能
項(xiàng)目治理以及團(tuán)隊(duì)協(xié)作功能。
調(diào)試以及診斷功能。
語(yǔ)法提示以及自動(dòng)完成功能(IDE會(huì)預(yù)測(cè)你想寫的語(yǔ)法)
語(yǔ)法高亮
內(nèi)置FTP,能同步本地和遠(yuǎn)程主機(jī)上的文件
“IDE”這個(gè)詞可能有些花哨,有些人還對(duì)此不太認(rèn)識(shí),但是大數(shù)據(jù)人應(yīng)該聽說(shuō)過(guò)Adobe的Dreamweaver。Dreameweaver就可以看成是一個(gè)集成開發(fā)環(huán)境。由于它含有上面提到的一些功能,幫你更快的編寫代碼。(他通常合用于前真?zhèn)€制作。但是它也支持服務(wù)器真?zhèn)€語(yǔ)言,像PHP和ASP.NET)
如今網(wǎng)上有大量的IDE,你所要做的就是為你自己(或者你的團(tuán)隊(duì))挑選一個(gè)。像一些流行的,功能齊全的IDE,如Eclipse, Komodo IDE, NetBeans, Visual Studio, 以及Aptana Studio.
假如,你看到這里后,依然決心要使用一個(gè)文本編纂器,你至少應(yīng)該看看為代碼工作者預(yù)備的文本編纂器集錦 這篇文章。
3.(適當(dāng)?shù)模┠K化
模塊化是創(chuàng)建易于維護(hù)和擴(kuò)展的復(fù)雜應(yīng)用的樞紐之所在。本質(zhì)上這意味著代碼要以小的部件來(lái)編寫,而不是將所有代碼寫成一個(gè)大文件。
模塊化開頭有其自身的時(shí)間本錢(由于你必需在設(shè)計(jì)文件結(jié)構(gòu)方面花費(fèi)不少心思。)但是,當(dāng)你需要變更某一部件或者想要擴(kuò)展你的應(yīng)用時(shí),這會(huì)為你節(jié)省掉不少時(shí)間。
模塊化也使得即使bug限制在模塊之內(nèi);假如有地方發(fā)生題目,你會(huì)很快的找到題目所在。
但是模塊化的濫用會(huì)導(dǎo)致代碼的臃腫和太多不必要的include語(yǔ)句,這會(huì)極大的拖慢整個(gè)應(yīng)用的運(yùn)行速度。因此在模塊化程渡過(guò)高和過(guò)低之間,我們需要到一個(gè)好的平衡點(diǎn)。
一些模塊化設(shè)計(jì)模式就包含MVC 和PAC模式。
4. 使用瀏覽器工具高效排除前端疑難題目
沒有處理比跨瀏覽器的兼容和解析題目更糟糕的事情了。這桿子事會(huì)使你瘋掉,它給你帶來(lái)的挫敗感差未幾讓你覺得不砸掉點(diǎn)東西難解心頭之恨。但是集成進(jìn)瀏覽器的調(diào)試工具會(huì)使得尋找和診斷前端題目變得分為迅速和高效。
Firebug 和Web Developer 是絕對(duì)必要的省時(shí)利器,它們已經(jīng)成了前端網(wǎng)頁(yè)開發(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,讓你了解在沒有JavaScript或者CSS的情況下, 你的頁(yè)面是如何工作的。
假如你需要在IE瀏覽器下調(diào)試,你可以嘗試嘗試IE開發(fā)者工具條 。它在功能上跟Firebug和Web Developer很相似。假如你想找更多的集成在瀏覽器內(nèi)的IE調(diào)試工具來(lái)幫你i節(jié)省調(diào)試時(shí)間,你可以點(diǎn)擊這個(gè)鏈接。
5.代碼重用
假如你發(fā)現(xiàn)你自己總是在做重復(fù)的事情,這時(shí)候你應(yīng)該反思反思你的代碼結(jié)構(gòu)了??紤]學(xué)習(xí)一下常見的設(shè)計(jì)模式它會(huì)匡助你創(chuàng)建可重用的靈活的方法,函數(shù),以及對(duì)象。
打個(gè)比方,假如,你需要頻繁的鏈接到數(shù)據(jù)庫(kù),你可能需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)庫(kù)的訪問類,來(lái)處理數(shù)據(jù)庫(kù)的鏈接,查詢以及數(shù)據(jù)的提交。
6. 在線協(xié)作以及追蹤項(xiàng)目狀態(tài)
實(shí)際上——你工作并不孤單。不管你是為一個(gè)開發(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í)間越少(或者,更糟的,是那種需要出差的面臨面會(huì)議)——你在代碼上花費(fèi)的時(shí)間就越多。
像Basecamp, Lighthouse, 和activeCollab 這類工具就給你提供了一站式的團(tuán)隊(duì)協(xié)作服務(wù),讓你隨時(shí)追蹤項(xiàng)目的狀態(tài),你也也可以設(shè)置項(xiàng)目的目標(biāo)和里程碑(milestones)——這樣所有人就可以自動(dòng)同步,為你省下頻繁回復(fù)電子郵件的時(shí)間,你也無(wú)需在進(jìn)度確認(rèn)會(huì)議上花費(fèi)大量無(wú)用時(shí)間。
這些工具l另外會(huì)匡助你區(qū)分事情輕重,確保了所有的事情都在一個(gè)集中的地方組織和記實(shí)下來(lái)。
7. 代碼的自動(dòng)格局化和尺度化
你需要將你的所有代碼格局尺度化,這樣做不僅僅這是一個(gè)很好的習(xí)慣,而且日后你一旦需要?dú)w來(lái)看這些代碼,這會(huì)幫你很快的理解這些代碼。
代碼的自動(dòng)格局化可以讓你一鍵格局化你所有的代碼,而不是一行一行來(lái)做這事,這也確保了代碼編寫的一致性。自動(dòng)的格局化也減少了手動(dòng)修改產(chǎn)生錯(cuò)誤的風(fēng)險(xiǎn)、
我們有很多工具來(lái)匡助我們做這事,良多是網(wǎng)絡(luò)版的工具 。對(duì)于CSS而言,一個(gè)流行的開源解決方案就是CSSTidy (Clean CSS is an CSSTidy的在線版本)。對(duì)于HTML我們有HTML Tidy。
對(duì)于腳本,我們有PHP Source Code Formatter, Ruby Script Beautifier, 和Code Beautifier Plus (這個(gè)工具是用來(lái)格局化 C#, ActionScript, and Java)。
8.在需求收集和規(guī)劃階段多花時(shí)間
預(yù)防遠(yuǎn)賽過(guò)補(bǔ)救?;蛟S某些思惟學(xué)派的人物夸大不要在計(jì)劃上鋪張時(shí)間——確保你已經(jīng)收集到了你需要知道的所有信息,在做作業(yè)方面花費(fèi)必要時(shí)間依然是必要的。假如在需求收集方面沒做足作業(yè)會(huì)導(dǎo)致功能泛濫(feature Creep) ,原因就是各種未曾預(yù)料到的功能需求
9.使用已經(jīng)編寫好的代碼
幫我們發(fā)明了車轱轆,所以我們也沒必要切身再搗鼓出車轱轆來(lái)。假如在某個(gè)地方看到某個(gè)你感愛好的功能,其他人極有可能已經(jīng)為你寫好了代碼(嗯,不僅僅是為你,而是為我們大家。)對(duì)于PHP而言, PHP Classes Repository為你提供了大批的類和腳本供你下載和使用。Hot Scripts則提供了其他語(yǔ)言的各種腳本。假如你只是想要一些小的代碼段,你可以去devSnippets 上面淘淘寶。
留意:只有當(dāng)你具備充足的經(jīng)驗(yàn),能分辨出好代碼和差代碼,上面的這個(gè)辦法才會(huì)真正幫你大忙。否則你會(huì)發(fā)現(xiàn)你終極成品中代碼bug叢生,書寫混亂。
10. 精簡(jiǎn)功能
你必需對(duì)網(wǎng)頁(yè)應(yīng)用的某些功能做一個(gè)評(píng)估,以判定在這個(gè)功能上面的時(shí)間投入是否值得。
你的用戶真的需要一個(gè)并不常常更新的內(nèi)容治理系統(tǒng)為每一個(gè)種別的文章提供一個(gè)自定義的RSS輸出嗎?你真的需要一個(gè)網(wǎng)站樣式轉(zhuǎn)換器來(lái)幫你檢測(cè)到用戶地輿位置哪里,然后將網(wǎng)站呈現(xiàn)不同的風(fēng)格。
編寫網(wǎng)站功能就是一場(chǎng)艱苦的戰(zhàn)斗 ,不要在對(duì)終端用戶無(wú)用的功能上耗費(fèi)開發(fā)時(shí)間,況且這些功能而且會(huì)使用戶界面復(fù)雜化。
當(dāng)前文章:快等于好 縮短你網(wǎng)頁(yè)開發(fā)時(shí)間的十大方法
本文網(wǎng)址:http://redsoil1982.com.cn/news/59265.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、微信公眾號(hào)、企業(yè)建站、營(yíng)銷型網(wǎng)站建設(shè)、App開發(fā)、靜態(tài)網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)