发布于 2015-12-24 01:27:46 | 261 次阅读 | 评论: 0 | 来源: PHPERZ
如果你已经有了 HTML 写的网页，想将它转换成一个 Mighril 的模板，您可以使用下面的工具进行手动转换。
有一种工具叫做 MSX by Jonathan Buchanan 允许您使用 HTML 语法编写模板，然后自动编译成 javascript 文件。
对团队来说是很有用的，我们可以在模板中使用 HTML 语法。
该工具允许您编写如下代码：
todo.view = function() {
return <html>
<body>
<input onchange={m.withAttr("value", app.vm.description)} value={app.vm.description()}/>
<button onclick={app.vm.add}>Add</button>
</body>
</html>
};
注意，因为上面的代码并不是有效的 javascript，这种语法只能使用预处理构建工具，比如 Gulp.js 脚本。
这个工具也可以使用 Rails gem，由 Jordan Humphreys 创建。
你可以预编译 Mithril 模板使其运行得更快。更多信息见这个页面:
使用类型定义文件，可以让 Mithril 支持 Typescript
您可以通过添加一个指向 Typescript 文件的引用来使用它。这将允许编译器对 Mithril API 的调用进行类型检查。
/// <reference path="mithril.d.ts" />
Mithril 依赖于一些 ECMAScript 5 的特性，即：Array::indexOf、Array::map 和 Object::keys，以及 JSON 对象。IE8 缺乏对这些特性的原生支持。
为 IE8 添加这些特性支持，最简单的方法是使用这个脚本：
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.3/es5-shim.min.js"></script>
这将为浏览器提供所需的所有新特性。另外，你也可以选择性的让浏览器支持某个特性：
<script src="http://cdn.polyfill.io/v1/polyfill.min.js?features=Array.prototype.indexOf,Object.keys,Function.prototype.bind,Array.prototype.forEach,JSON"></script>
You can also use other polyfills to support these features in IE7.
您还可以使用其他方式以便让 IE7 支持这些特性。
ES5 Shim 或 Mozilla.org 的 Array::indexOf, Array::map 和 Object::keys
Mithril 也依赖于 XMLHttpRequest。如果您希望支持 IE6，你需要 a shim for it。 IE7及以下版本不支持跨域 AJAX 请求。
此外，请注意 m.route 模式依赖 history.pushState，此 API 可以实现从一个页面跳转到另一个页面，而不刷新浏览器。IE9及以下版本浏览器不支持此功能，而是优雅地降级到页面刷新。