Mithril.js入門紹介

Mithril.jsはクライアントのJavaScript MVCフレームです.
flaumがMithrilを使用するにつれて、この小さなフレームはgithubのスター数も4 Kを突破しました.
Mithrilとは何ですか?
Mithrilは、クライアントjavascript MVCのフレームワークであり、アプリケーションコードをデータ層、UI層、粘合層(Controller)に分類するツールである.
Mithrilはgzipを通じて圧縮した後、12 kbぐらいしかないです.これはsmall、focused、APIのおかげです.これは、テンプレートエンジンと仮想DOM diffの高性能レンダリングを提供し、他の高度なツールを提供し、ルートとコンポーネント化をサポートします.
フレームの目標は、アプリケーションコードをより容易に組織化し、読み取り可能で、維持可能にし、より良い開発者になることです.
いくつかのフレームと違って、Mithrilはあなたをウェブフレームにロックしないように努力します.必要なフレームをできるだけ少なく使うことができます.
しかし、そのライブラリ全体を使用することは、多くの利点をもたらすことができます.関数式プログラミングを使用して学習し、良好なコード化の実践を強化し、OOPとMVCはその中の一部にすぎません.
特徴
ライト級

gzip圧縮後は12 kbだけで、無依存

非常に少ないAPI、非常に容易な学習曲線

ロバスト性

デフォルトのセキュリティテンプレート

階層化MVCコンポーネント

スピード

仮想DOMとコンパイルテンプレート

インテリジェントリフティングシステム

入門例コード

//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);

パフォーマンス
参照

Mithris.js中国語文書