https://github.com/vilicvane/drop

Just another MV* framework
https://github.com/vilicvane/drop

Last synced: 20 days ago
JSON representation

Just another MV* framework

• Host: GitHub
• URL: https://github.com/vilicvane/drop
• Owner: vilicvane
• Created: 2012-03-15T05:43:50.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2017-09-12T05:47:13.000Z (over 7 years ago)
• Last Synced: 2024-11-30T15:41:54.822Z (23 days ago)
• Language: TypeScript
• Homepage: http://dropjs.org
• Size: 298 KB
• Stars: 35
• Watchers: 6
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**Drop is being redesigned, check out [develop branch](https://github.com/vilic/drop/tree/develop) for development progress or find [design notes](https://github.com/vilic/drop/labels/v0.2) to see how would the new Drop look like.**

# DropJS

Drop is a MV* framework sibling to frameworks like [Angular](https://angularjs.org/) and [Ember](http://emberjs.com/), but targeting mobile web apps.

I am now using this version of Drop to build the new version of my [WordsBaking](https://wordsbaking.com/), and yes I've already been experiencing some inconveniences (as well as some interesting tricks). So after I complete the developing of my app, I will rewrite Drop to rule out these issues. Along with that, multiple libraries would be released to form a complete solution for mobile web apps with rich touching and offline usage. :D

To start with, I need to point out that Drop is in its very first period. Though the core has been basically completed, extensions including router are not available yet.

## Glance into DropJS

```html

    <h1>{title}</h1>

    <p>{intro}</p>

    {#each matrix}

    {>click onRowClick}

    {@style "color: {matrixColor};"}

    <div>

        {index + 1}.

        {#each this}

        {"{this} "}

    </div>

    function onRowClick(e, scope) {

        var data = scope.dataHelper;

        alert('row ' + (data.index + 1) + ' clicked');

    }

    var data = new Drop.Data({

        title: 'Glance into DropJS',

        intro: 'Some introduction...',

        matrixColor: '#3894E4',

        matrix: [

            ['a', 'b', 'c'],

            ['d', 'e', 'f'],

            ['g', 'h', 'i']

        ]

    });

    Drop.Template.apply('body-template', data, document.body);

```

Checkout another quick [demo](https://rawgit.com/vilic/drop/master/demo/index.html).