日照網站建設_平衡可控性和自動化

作為前端架構師，你需要評估標記產生的過程。你對內容的順序、使用的元素和 CSS 類名有多大的控制權？這些元素在將來改動起來會有多大難度？模板是否易用，或者是否只有后端開發人員才能更改？甚至，你的標記全是基于模板系統的嗎？你可以通過系統做出更改，還是需要手動處理？通過回答這些問題，你可能會顛覆自己構建 HTML 和 CSS 的方法。

模塊化標記：自動化程度loo%，可控程度loo%

我們都在追求的理想狀態是，網站上每一行 HTML 都由程序自動生成，而作為前端開發人員，我們只需要管理這個用來產生標記的模板和流程。遺憾的是，現實通常并非如此。即使在好的情況下，也存在用戶生成的內容，而這些內容幾乎都無法自動添加 CSS 類名來標記。無論 CMS 系統自動生成 HTML 的能力如何，讓 CMS 決定類似表單和導航欄這樣的標記，有時候會更簡單。但是就算你已經把理想狀態實現了 90%，標記的模塊化方案仍然可以給你帶來理想的靈活性和必要的自動化。

模塊化標記和程序化標記的區別在于，對于使用什么標記輸出既定內容，我們不會完全任由 CMS 決定。這使得我們可以為兩個不同的導航實例使用一樣的標記，雖然 CMS 生成的標記可能完全不一樣。模塊化標記和靜態化標記的區別在于，程序化地執行完之后，我們還可以通過一套類名系統給標記動態添加 CSS 類名，并且不再通過元素標簽和層級關系來決定視覺外觀。讓我們看一下如何用 BEM 原則模塊化地實現一個簡單的導航：

乍看上去，這種方案似乎相當冗長。這一點我沒有什么好辯解的，但我要說的是，它的冗余程度其實是恰到好處的。給每個元素都添加了相應的 CSS 類名之后，我們就不再需要依賴那些只為了樣式標簽而存在的 CSS 類名或元素的層級關系來決定視覺外觀了。相比動態標記，這個標記更清晰，并且我敢說，這也讓標記的組織形式更“模塊化”了。這個導航可以作為網站的導航通用模板，不用改任何一個標記就可以在多處復用。因此，這種標記并不是先等 CMS 創建完成再另外添加樣式標記的，而是創建的同時就添加了樣式標記，然后整合到網站的整個導航系統中。

  以上是日照網站建設公司（昊諾網絡公司）分享，希望大家喜歡該網站建設知識，想了解更多的網站建設知識請關注我們的網站動態！