網站剖析:收縮網頁開辟時光的十年夜辦法

  正在現今的開辟情況之下,快等於好。

  本文:/web-development/10-ways-to-cut-down-web-development-time/

  正在現今的開辟情況之下,快等於好。

  現今諸如快速運用開辟 ,迅速硬件開辟 和同步JavaScript戰XML (現在我們乃至沒法耐煩天期待網頁的從新載進)等風行辭匯戰術語讓您見地到畢竟身處於如何一個快節拍的天下傍邊。

  然則幹事趕時光其實不意味著您事情要減班減面——您事情時須要動些頭腦。此文,將為您供給收縮網頁運用開辟的十年夜省時技能。

  1、應用框架

  


  框架提掏出瞭慣例代碼,給您編寫網頁運用供給瞭一個根本的結構戰基本。

  框架中一個異常典范的例子便是Rails,Rails便是Ruby編程說話的一個網頁運用開辟框架。經由過程為您供給預先編寫好的代碼法式包(舉個例子,像用戶輸進考證方法)——您不但僅節儉瞭用Ruby編寫您本身代碼的時光——您也很清晰那些法式包已受住瞭其他開辟職員的測試和磨練,那能夠正在廣度測試時為您削減很多貧苦,別的借能夠幸免一些果缺乏測試而致使潛伏的破綻。

  一樣的利益對付應用諸如MooTools的JavaScript框架也是實用的。那些框架供給給您的一些類辦法皆是由焦點開辟者戰社區供給,並正在諸多閱讀器下擔當普遍測試的磨練。客戶端劇本說話框架另有jQuery,Prototype JS,和YUI。假如您念用一些非支流的JS框架,您能夠看看那個極具潛力的JavaScript框架 渾單。

  對付辦事器真個框架,您能夠斟酌CakePHP ,CodeIgniter ,Zend ,大概symphony。假如您愛好VB和C#之類微硬支撐的說話,您能夠斟酌.Net框架 。

  您乃至是可使用像960Grid 大概BluePrint如許的CSS框架去快速編寫戰范例您本身作風的頁裡構造。

  2、應用散成開辟情況

  


  固然,您能夠隻用一個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輸出嗎?您實的須要一個網站款式轉換器去幫您檢測到用戶地輿地位那裡,然後將網站出現分歧的作風。

  編寫網站功效便是一場艱難的戰役 ,沒有要正在對末端用戶無用的功效上消耗開辟時光,何況那些功效並且會應用戶界裡龐雜化。

本文鏈接:/articles/show/150