聰明的代碼

克里斯·費迪南迪（Chris Ferdinandi）最近強調了一個JavaScript片段，展示了聰明但潛在的可讀性和表現量的代碼，引發了關於我們行業對簡潔痴迷的討論。他認為，我同意，將可讀性優先於聰明至關重要，尤其是在生產代碼中。簡潔，雖然美學上令人愉悅，但通常會導致可維護性問題。

但是，原型和生產代碼之間存在關鍵區別。正如傑里米·基思（Jeremy Keith）指出的那樣，原型化優先級，有時以語義或性能為代價。複雜的類命名慣例，在生產中完全可以接受，在原型過程中成為不必要的時間。

儘管實驗和巧妙的技術在原型中很有價值，但生產代碼需要不同的方法。目標從“哇，我以前從未見過！”轉變。 “這是清楚，可維護的，並且整個團隊都很容易理解。”

該原理同樣適用於Sass。深度嵌套的結構雖然最初優雅，但使用複雜的設計和媒體查詢變得笨拙。考慮此示例：

 <code>.element { .heading { ... } }</code>

這很容易變得複雜。一種更簡單，更可維護的替代方案：

 <code>.element { ... } .element-heading { ... }</code>

這種看似簡單的方法增強了可讀性和可擴展性。階級之間的關係更清晰，減少了駭客替代的可能性。安迪·貝爾（Andy Bell）在Sass Ampersands上的帖子進一步說明了這種創造力-VS實踐性張力。

最終，CSS和JavaScript缺乏嚴格的編碼規則。最佳方法取決於項目。但是對於生產，優先考慮無聊的，易於理解的代碼而不是巧妙的簡潔代碼。但是，原型應仍然是實驗和非常規技術的操場。讓我們擁抱野生，實驗性的原型，但為生產環境保留直接，可維護的代碼。

以上是聰明的代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！