首页 > Web开发 > 详细

Mithril.js 入门介绍

时间:2015-06-12 02:12:11      阅读:168      评论:0      收藏:0      [点我收藏+]
//model 模型
var Page = {
	list: function() {
		return m.request({method: "GET", url: "pages.json"});
	}
};

var Demo = {
	//controller 控制器
	controller: function() {
		var pages = Page.list();
		return {
			pages: pages,
			rotate: function() {
				pages().push(pages().shift());
			}
		}
	},

	//view 视图
	view: function(ctrl) {
		return m("div", [
			ctrl.pages().map(function(page) {
				return m("a", {href: page.url}, page.title);
			}),
			m("button", {onclick: ctrl.rotate}, "Rotate links")
		]);
	}
};


//initialize 初始化
m.mount(document.getElementById("example"), Demo);

?Mithril.js 是一个客户端的 JavaScript MVC 框架。

轻量级

  • gzip压缩后仅仅12kb,无依赖
  • 非常少的API,非常容易的学习曲线

鲁棒性

  • 默认安全的模板
  • 层次化的MVC组件(hierarchical)

快速

  • 虚拟DOM和编译模板
  • 智能的重绘系统(redrawing)

性能

bubuko.com,布布扣

?

Mithril.js 入门介绍

原文:http://flarum.iteye.com/blog/2218800

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!