當(dāng)一個(gè)網(wǎng)站建設(shè)完成的時(shí)分你是開心的，因?yàn)槟愕脑O(shè)計(jì)作品被客戶認(rèn)同了?？墒窃谕杲Y(jié)后你需求收拾它，把你的成果放到該放的當(dāng)?shù)?，方便今后修改時(shí)能更方便，方便其他人修改時(shí)簡(jiǎn)略明了。下面有5個(gè)收拾技巧，期望對(duì)你有所協(xié)助。

2、整理你的代碼

當(dāng)你進(jìn)行迭代和試驗(yàn)時(shí)，HTML、CSS和JavaScript也能夠很快地加起來?；蛟S你最后從一個(gè)不需求的元素中保留了一些HTML?；蛟S你為那個(gè)元素寫了樣式，卻忘了把它們放在里邊。當(dāng)你不注意的時(shí)分，隨機(jī)的類名肯定會(huì)堆積起來。

細(xì)心檢查一下代碼，以保證不會(huì)在其中留下任何無關(guān)的內(nèi)容。如果你有許多CSS能夠經(jīng)過，你能夠嘗試一個(gè)像JitBit這樣的東西來協(xié)助你找到你沒有運(yùn)用的CSS。

1、整理你的圖層

如果你在任何圖形運(yùn)用程序中做了許多的規(guī)劃作業(yè)，無論是草圖、Photoshop、Affinity Designer還是一些隨機(jī)的線框圖運(yùn)用，你都期望保證這些東西易于了解。當(dāng)你快速迭代時(shí)，很簡(jiǎn)略得到一長(zhǎng)串沒有名稱的層列表，或者由于你以為以前的辦法看起來不太正確而被躲藏起來。保證每個(gè)層都被命名，而且沒有不需求的層或元素。將目標(biāo)安排成組、層組和文件夾。

3、整理你的文件

獲取挑選的文件辦理器并進(jìn)行排序。或許你下載了一個(gè)像Bootstrap這樣的結(jié)構(gòu)，或者像jQuery這樣的庫，然后才認(rèn)識(shí)到你不需求它們來完結(jié)這個(gè)項(xiàng)目。或許你做了一些試驗(yàn)的文件，但是那些試驗(yàn)已經(jīng)完畢了。

坦率地說，文件辦理是我一向推遲到今后的任務(wù)之一，因?yàn)樗軣┤耍幢闳绱?，它也需求完結(jié)。你必須刪去那些剩余的文件，在服務(wù)器上放置未運(yùn)用的文件是一種糟糕的做法，當(dāng)你或多或少忘記了如何將一切東西組合在一起時(shí)，你不期望嘗試猜測(cè)在三年內(nèi)哪些文件實(shí)際上是重要的。

4、考慮你的存儲(chǔ)選項(xiàng)

在存儲(chǔ)曩昔的作業(yè)時(shí)，硬盤上有一堆隨機(jī)命名的文件夾并不能解決問題，你需求一個(gè)體系。至少，你能夠從將完結(jié)的項(xiàng)目與當(dāng)前的項(xiàng)目分隔開端。然后，開端尋找備份文件的辦法。無論你是運(yùn)用本地外部驅(qū)動(dòng)器還是第三方服務(wù)，一個(gè)好的備份解決方案都能夠避免丟掉，并在需求時(shí)開釋本地驅(qū)動(dòng)器上的一些空間。

這一點(diǎn)特別重要，因?yàn)榭蛻舳丝偸莵G掉文件。有時(shí)他們會(huì)雇傭他人來改動(dòng)事情，他們會(huì)把事情搞砸。有時(shí)數(shù)據(jù)在服務(wù)器潰散中丟掉。在緊要關(guān)頭拯救客戶網(wǎng)站的人是與客戶保持良好關(guān)系的好辦法。

5、文檔

現(xiàn)在咱們進(jìn)入“收拾你的東西102”。除非你的項(xiàng)目是人類已知的最簡(jiǎn)略的HTML/CSS模板，不然它能夠協(xié)助你寫下一些事情：

由客戶端界說的項(xiàng)目的原始目標(biāo)

你做規(guī)劃決策的原因

你運(yùn)用了哪些CSS技巧

代碼的哪些部分看起來是有用的，只需你不敢碰它們

你運(yùn)用了哪些庫和結(jié)構(gòu)，以及它們的版本號(hào)

也能夠?qū)⒖蛻艚o你的任何資源包括在內(nèi)，比方風(fēng)格攻略、情緒板和他們供給的任何內(nèi)容。你永久不知道什么時(shí)分你需求回去查閱這些材料，把一切的材料放在一個(gè)當(dāng)?shù)貢?huì)讓你更簡(jiǎn)略重新開端一個(gè)舊的項(xiàng)目。

不要低估你的才能，忘記哪個(gè)文件包含最新的規(guī)劃，或者為什么CSS樣式會(huì)掩蓋另一個(gè)樣式。一旦你開端下一個(gè)項(xiàng)目，一切這些精神安排就會(huì)消失。