pTemplateJs

GitHub: https://github.com/ereddate/ptemplatejs  
OSChina: http://git.oschina.net/ereddate2017/ptemplatejs (быстрые обновления)

Для новых пользователей есть три шага для освоения:

Первый шаг: создание одного файла шаблона pjs, main.pjs:
<div p-template="test">
    <div class="page">
        <div style="{{ style }}">{{ title }}</div>
    </div>
</div>
<script>
    define("test", [], function(require, exports, module){
        exports.done = function(data){
            data = $.extend({style: "", title: ""}, data);
            $.render("test", data, $.query("#app"));
            return function(callback){
                callback && callback(data);
            }
        };
    });
</script>
<style>
    @base: 23.44 / 1rem;
    .page {
        div {
            font-size: 12 / @base;
        }
    }
</style>

Второй шаг: написание JS для импорта:
import "main";
define(function(require, exports, module){
    var test = require("test").done({
        style: "display:block",
        title: "Это тестовый заголовок"
    });
    test(function(data){
        ...
    });
});
```Третий шаг: генерация кода:
Введите команду `"grunt build_имя_проекта"` и нажмите Enter для компиляции кода.

Дополнительно смотрите ниже в разделе wiki и примерах demo.html.

Последовательное использование:
pTemplate.createTemplate("name")
           .render("name", {}, parent, function(parent){...})
           .clone("name", "newName")

Пример использования:
pTemplate.render('<h1>{{txt}}</h1>', {txt:'hello'}, $.query('body'));
Поддержка напрямую встраивания HTML в JS.
Используйте pTemplate.set() или this в событиях.
```Метод `_set()` обновляет данные шаблона, что приводит к перезагрузке соответствующего ему DOM.
DOM будет иметь аналогичные методы работы с частной коллекцией узлов, как в jQuery, такие как `this._append()`, `this._first()`, `this._css()`, `this._attr()` и так далее.
Для вызова внутренних методов можно использовать `pTemplate.__mod__.метод_названия`.