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