單個HTML文件內的CSS和Javascript。優點缺點？

Question

在您的html文件中放入css & javascript代碼的親和你有什麼不同？

我教誰是剛剛起步，如果不能確定開始外部文件的學生是開始的最好方式，如果只是讓他們在一個單一的文件是早期學習階段更有益補充的一切。優缺點都有什麼？

Answer 1

通過分離你的HTML，CSS模塊化你的代碼，Javascript代碼有很多好處。下面是想到什麼：

如果你把所有的代碼合併成一個文件，你讓你的團隊（或未來的工程師）的其他成員也真的很難在你的項目合作。如果有四個人在一個項目中工作，那麼所有合併衝突都需要一遍又一遍地解決。

調試時，它會輕鬆很多引用包含一百行的代碼比單片一個上千行的較小的文件。

這也增加了很多技術債務到項目 - 當未來的工程師誰繼承你的工作終於決定模塊化您的文件，他們將不得不花費大量的時間這樣做，這將留下負面印象你的工作在他們身上。

TL; DR - 始終模塊化代碼！它使得閱讀，理解，調試和協作變得更加容易。