#Dragonfly

Dragonfly is a flexible and light ui framework.

##Features

##Browser Support

##API Documentation

see: Dragonfly API Documentation

##Modular Development

###Dynamic Loading

Dragonfly follows the AMD specification, you can use any js file as a AMD module and load it with a AMD loader, for example:

require(['Button'], function(Button) {
    var button = new Button();
    button.render();
});

###Optimization

If you want to optimize all the modules into one file, follow the steps below:

step1. install RequireJS

npm install -g requirejs

step2. copy r.js to the ./tool folder, and then

node r.js -o build-js.js
node r.js -o build-css.js

The optimized files will be created in the ./output folder. For more settings about optimization, see：example.build.js.

###Namespace You can use the optimized file as a AMD module like before.

If you don't have an AMD loader like RequireJS, Dragonfly will export a global API entry called "D", change the start.frag if you want to define your own namespace:

root.D = factory();

or call the noConflic() method to get the reference to the Dragonfly object:

var myD = D.noConflict();