《Refactoring HTML: Improving the Design of Existing Web Applications》是一本精彩的HTML重構(gòu)指南，作者給出了HTML重構(gòu)的實踐路線和方法。本文是《Refactoring HTML》的讀書筆記，按照我的理解將全書的分為：戰(zhàn)略篇，戰(zhàn)術(shù)篇，工具篇。

　　本文是戰(zhàn)略篇：全局方略的角度介紹重構(gòu)的內(nèi)涵，原因，時機，目標

　　嗯哼，我們開始：

　　進行重構(gòu)就像打一場仗，而戰(zhàn)爭的發(fā)起是要慎重考慮的，《孫子兵法》里面講“兵者，國之大事，死生之地，存亡之道，不可不察也。”所以動手重構(gòu)之前首先要回答下面幾個問題：

• 什么是重構(gòu)？
• 為什么進行HTML重構(gòu)？
• 什么時候進行HTML重構(gòu)？
• HTML重構(gòu)的目標是什么？
• 面對質(zhì)疑：還要重構(gòu)么？

　　什么是重構(gòu) Refactoring?

　　本書側(cè)重實戰(zhàn)，沒有《UML Distilled》那樣高屋建瓴的抽象，即使有抽象，抽象層面牽扯的細節(jié)過多(這一點在后續(xù)的閱讀中也可以發(fā)現(xiàn))。這一部分內(nèi)容我援引了《Refactoring: Improving the Design of Existing Code》對重構(gòu)的定義：

　　Refactoring (noun): a change made to the internal structure of software to make it easier to understand and cheaper to modify without changing its observable behavior.

　　Refactor (verb): to restructure software by applying a series of refactorings without changing its observable behavior.

　　為什么進行HTML重構(gòu)？

　　抽象地講，HTML重構(gòu)的可以讓代碼更能適應(yīng)變化，應(yīng)對系統(tǒng)和領(lǐng)域需求為新功能的開發(fā)提供更優(yōu)秀的基礎(chǔ)。

　　具體地講，HTML重構(gòu)可以：

• 讓代碼更具有可讀性，更容易理解
• 重構(gòu)過程中往往有意外的收獲：發(fā)現(xiàn)隱藏的系統(tǒng)Bug
• 增強頁面可用性， 關(guān)注點從設(shè)計者開發(fā)者轉(zhuǎn)移到使用者
• 縮短提高頁面的呈現(xiàn)時間(Slow pages -Rendering Times)
• 解決頁面瀏覽器不兼容問題
• 搜索引擎優(yōu)化Search Engine Optimization

　　進行HTML重構(gòu)的時機?

• 每一次進行重新設(shè)計之前；新功能將構(gòu)建在一個更穩(wěn)固的基礎(chǔ)之上
• Refactor When You Need to Fix a Bug
• Refactor As You Do a Code Review
• 一個原則:勿以善小而不為；重構(gòu)的過程往往是斷斷續(xù)續(xù)的，很少有一個連續(xù)的時間給我們進行重構(gòu)。所以我們只要有機會進行重構(gòu)，就動手去做吧

　　HTML重構(gòu)的目標（What  Refactor To） ?

• XHTML
  理由：XHTML更加嚴格，瀏覽器不再解析亂作一團的標簽而是格式規(guī)范的頁內(nèi)容，這時負擔(dān)從瀏覽器轉(zhuǎn)移到頁面開發(fā)者。內(nèi)容聚合，搜索引擎優(yōu)化，樣式表都可以更好的應(yīng)用基礎(chǔ)。開發(fā)者能夠更容易調(diào)試和解決問題，因為問題更容易定位了。XHTML不能完全解決瀏覽器兼容問題，但是它能夠消除大部分的瀏覽器不兼容問題已經(jīng)居功甚偉。主流HTML編輯器都提供對XHTML的支持。XHTML是未來Web應(yīng)用提供堅實的基礎(chǔ)，如：MathXML MusicXML SVG。
•  CSS

　　理由：將展現(xiàn)層從內(nèi)容中分離出來。為不同的閱讀者提供高可讀性。減少代碼重復(fù)，節(jié)省帶寬。

• REST

　　REST(Representational State Transfer表述性狀態(tài)轉(zhuǎn)移)是一種針對網(wǎng)絡(luò)應(yīng)用的設(shè)計和開發(fā)方式，可以降低開發(fā)的復(fù)雜性，提高系統(tǒng)的可伸縮性。REST提出了一些設(shè)計概念和準則：

　　1.網(wǎng)絡(luò)上的所有事物都被抽象為資源（resource）；

　　2.每個資源對應(yīng)一個唯一的資源標識（resource identifier）；

　　3.通過通用的連接器接口（generic connector interface）對資源進行操作；

　　4.對資源的各種操作不會改變資源標識；

　　5.所有的操作都是無狀態(tài)的（stateless）。

　　REST之所以能夠提高系統(tǒng)的可伸縮性，是因為它強制所有操作都是stateless的，這樣就沒有context的約束，如果要做分布式、做集群，就不需要考慮context的問題了。同時，它令系統(tǒng)可以有效地使用pool。REST對性能的另一個提升來自其對client和server任務(wù)的分配：server只負責(zé)提供resource以及操作resource的服務(wù)，而client要根據(jù)resource中的data和representation自己做render。這就減少了服務(wù)器的開銷。

　　重構(gòu)的目標不是金科玉律，你沒有必要逐一進行實踐。你可以按照XHTML->CSS-->Rest的順序按部就班步步為營，也可以根據(jù)實際情況調(diào)整重構(gòu)目標和計劃。但是只要你做了，你就可以從重構(gòu)過程中得到好處。

　　面對質(zhì)疑：還要重構(gòu)么？

　　重構(gòu)的本質(zhì)決定了它不是生產(chǎn)性的，重構(gòu)的完成并沒有新功能的產(chǎn)生。所以重構(gòu)往往面臨來自各方面的質(zhì)疑：

• 重構(gòu)就是在浪費時間，我們還是開發(fā)新功能吧

面對質(zhì)疑我們給出這樣的答案：

• HTML重構(gòu)從長遠來看為后續(xù)開發(fā)提供了一個良好的基礎(chǔ)，實際上是節(jié)省了時間。因為系統(tǒng)更容易添加新功能，更容易維護。重構(gòu)的過程能讓開發(fā)者對以前的工作有一個思考，對新人是一個熟悉系統(tǒng)的機會。
• HTML重構(gòu)本身并不會占用太多的時間，因為我們有很多自動化的工具可用。
• HTML重構(gòu)不需要一個連續(xù)的時間，斷斷續(xù)續(xù)的時間未嘗不可，對于開發(fā)者來說，進行重構(gòu)就像日行一善。

NET技術(shù)：HTML重構(gòu)：戰(zhàn)略篇，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。