vixen

2.2.4 • Public • Published
[![NodeJS build status](https://secure.travis-ci.org/icetan/vixen.png)](http://travis-ci.org/icetan/vixen)

Vixen

Minimal string/DOM templating hybrid developed for use with node-webkit.

Only ~11kb and ~2.5kb minified+gzip.

Example usage

<div id="view">
  <h1>I'm {{me.name}}</h1>
 
  <h2>And I like</h2>
  <ul vx-for="i:like in me.likes">
    <li class="{{i | alt}}">{{like}}</li>
  </ul>
 
  <input value="{{message}}" placeholder="Write something…"/>
  <button onclick="{{shout}}">and try my event handling</button>
</div>
var view = vixen(document.getElementById('view'), {
  me: {
    name: 'Vixen',
    likes: [ 'Trampolines', 'Geese', 'Washing machines', 'Other foxes' ]
  },
  shout: function() {
    alert('You wrote: "'+view.message+'".');
    view.message = '';
  },
  alt: function(i) { return i%2 === 0 ? 'dark' : 'light'; }
});

See it in action.

browser build status

Readme

Keywords

none

Package Sidebar

Install

npm i vixen

Weekly Downloads

0

Version

2.2.4

License

none

Last publish

Collaborators

  • icetan