mustache.js 模板应用示例

• Mustache is a logic-less template. 支持的语言非常多；
• janl/mustache.js常常和 wycats/handlebars.js（handlebars.js） 做比较；
• package/mustache，package/handlebars @ npm；
• 使用 Mustache 模板 的 js 实现的一个示例。
• 示例中引用的是自己 web server 本地的 mustache.js，需要你从 GitHub 下载 mustache.js 文件 到本地即可；
• JavaScript templating；

• Sections

When looping over an array of strings, a .
can be used to refer to the current item in the list.
在本示例中，{{.}} 引用的就是 sites 数组的一个值；

为何不可以直接引用 GitHub 上的 mustache.js 文件？

• Chrome 给出的错误：

Refused to execute script from 'https://raw.githubusercontent.com/janl/mustache.js/master/mustache.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.
其 Response Header 为：Content-Type:text/plain; charset=utf-8，因为通常为 Content-Type:application/javascript; charset=utf-8；

后记

• 今天是 12 月 23 日，距离本文写作已有 9 个多月，看到 NoteCode 的 被我误解的模板引擎－mustache，就想起了早先的这篇文章；
• 本例中有一个示例 url 处理函数；请结合 Mustache 用法 和 Chrome 调试 进行理解；
• 看来 js 中的 function 需要继续深刻理解，如果理解透彻，就会帮助改进 js 代码的写法了，而不至于开发人员自己写 for 循环了；
• 看来 code review 是要实施起来；
• 可能要深刻理解 js，必须读读这些库的代码，深入了解其实现机理；
• 模板、数据和逻辑