penjs

    0.1.10 • Public • Published

    penjs

    logo

    NPM version Build Status Coverage Status

    Mobile-web small development framework.

    API

    constructer

    function penjs(element, options) {}

    Example

    <div id="app">
      <script type="text/jhtmls">
        var info = {
          createCount: 0,
          destroyCount: 0,
        }
        <h1>jhtmls -- #{title} -- #{time}</h1>
        <h3 :bind="info">create #{info.createCount} destroy: #{info.destroyCount}</h3>
        var asc = 1;
        <button @tap="now()">now</button>
        <button @tap="ajax()">ajax</button>
        <button @tap="sort(items, asc = -asc)">sort</button>
        <button @tap="push(items)">push</button>
        <ul :bind="items">
          items.forEach(function (item) {
          <li :bind="item" @create="info.createCount++" @destroy="info.destroyCount++">
            if (item.editing === 'jhtmls') {
              <input type="text"
                :value="item.title"
                @create="this.focus();"
                @keydown.enter="this.blur();"
                @focusout="item.title = this.value; item.editing = false;">
            } else {
              <span @dblclick="item.editing = 'jhtmls'">#{item.title}</span>
              <button @tap="remove(items, item)">remove</button>
            }
          </li>
          });
        </ul>
      </script> 
    </div>

    License

    MIT © zswang

    Keywords

    Install

    npm i penjs

    DownloadsWeekly Downloads

    11

    Version

    0.1.10

    License

    MIT

    Last publish

    Collaborators

    • zswang