在 10 分鐘或更短的時間內學習車把

Handlebars.js 是一個流行的模板引擎，它功能強大、使用簡單並且擁有龐大的社區。它基於 Mustache 模板語言，但在幾個重要方面對其進行了改進。使用 Handlebars，您可以將 HTML 的生成與 JavaScript 的其餘部分分開，並編寫更簡潔的代碼。

這篇簡短的文章試圖在 10 分鐘或更短的時間內教給您幾乎所有需要了解的關於 Handlebars 的知識。一開始可能會覺得有點不知所措，但就像騎自行車一樣（雙關語），當你掌握了它的竅​​門之後，它就變成了世界上最簡單的事情。

0。將其添加到您的項目中

在您的項目中添加把手非常簡單。只需訪問 http://handlebarsjs.com/ ，然後單擊下載按鈕即可獲取最新版本。在撰寫本文時，這是 2.0.0 版。現在您所要做的就是在您的 html 中使用常規的 <script> 包含該庫 標記。

您還可以使用 CDN 託管的版本，它的另一個好處是，如果同一文件已被其他網站使用，則該文件可能已緩存在訪問者的瀏覽器中。

// From File
<script src="handlebars-v2.0.0.js"></script>

// From CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>

1。模板

準備好庫後，就可以開始編寫模板了。將模板添加到頁面的推薦方法是將它們包含在具有特殊類型的