最近我都可以用四種不同的語言編寫至少幾百行代碼。常熟做網(wǎng)站公司的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字,圖片(GIFs, JPEGs,PNGs)和表格,都可以通過使超言、可擴展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。常熟做網(wǎng)站要能充分吸引訪問者的注意力,讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來。常熟做網(wǎng)站是將策劃案中的內(nèi)容、網(wǎng)站的主題模式,以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來;而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿,按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)將其制作成網(wǎng)頁格式。我也可以同其他與我一同工作的開發(fā)者協(xié)作進行代碼的編輯和審查。簡單來說,有許多代碼在到處放著,當(dāng)它們沒有被組織管理起來,但 更重要的是當(dāng)它們沒有寫好時,事情就會變得有點復(fù)雜起來。讓我們來看一看幾種能提升我們的代碼整體質(zhì)量的不同方法。1. 開始構(gòu)建模塊保持代碼一致,可重用且有組織的一個最好方式就是將功能成組的放在一起。例如,別把你所有的js代碼都扔到一個main.js文件中,而是要嘗試基于功能將它們分組放在分開的文件里面, 然后在你達成你的構(gòu)建步驟以后再將它們連接起來. 當(dāng)然,要編寫模塊化的代碼還有更多事情要做,而你也不僅僅只能在用js編寫模塊化的代碼.CSS 預(yù)處理器,像 Sass (這里有介紹),它們可以讓你 把CSS文件寫在分開的文件中,然后可以在你編譯它們的時候在把它們包含在一個主文件中. 這可以讓你為不同的組件,像按鈕,列表和字體編寫?yīng)毩⒌腃SS文件。最后,它們?nèi)慷急话揭粋€主文件中,而從整體上維護這些代碼會變得容易許多.新的技術(shù),比如 Polymer ,可以讓你編寫定制的HTML元素,那樣你的HTML、CSS和JS就可以根據(jù)功能來組織成單獨的組件了. 你也一定要看看Browserify ( 這里 有介紹), 它能讓你可以在瀏覽器中使用 Node.js-風(fēng)格的模塊.Brad Frost 在這里也就編寫模塊化代碼的觀念和方法提供了一個很棒的概述.2. 談到預(yù)處理器…預(yù)處理器不僅僅能對編寫模塊化代碼有所幫助. 許多其它方面它們也表現(xiàn)得很棒! 預(yù)處理器可以在輸出瀏覽器可以處理的相同HTML,CSS和JS時,在你的代碼內(nèi)部添加額外的功能. 它們常常需要一些額外的設(shè)置時間,但只要耗費一次這樣的時間,你就可以不斷享受使用它們帶來的好處.使用預(yù)處理器可以幫你省掉多次編寫重復(fù)性代碼的時間. 它們也還提供了像變量、函數(shù)、循環(huán)和簡化的語法這些很有用的功能. 大多數(shù)預(yù)處理器也是高度可定制化的。有些還包含選擇你更喜歡的輸出風(fēng)格,包含插件以及附件,甚至在必要時創(chuàng)建自定義通知,這些選項. 最流行的預(yù)處理器都有大型的社區(qū),并且得到了良好的維護,而對于一般問題的回答也很容易找到.這里有一個視頻介紹最通行的CSS、HTML和JS預(yù)處理器: Sass, Haml 和 CoffeeScript.如果你對Sass感興趣,這里有一篇SitePoint 作者 Hugo Giraudel如何組織他們Sass項目的文章, 以及 他用來做這些事情時最愛用到的工具.