mofron

front-end framework for javascript

0.7.0
Source
npm

Version published: 8 years ago

Weekly downloads: 1; decreased by-75%

Maintainers: 1

Weekly downloads

Created: 8 years ago

Source

mofron

mofron is JavaScript Framework for Web UI.
mofron has interface like Swing, .NET so it makes front-end development possible by only javascript.

Quick Start

mofron require webpack babel expose-loader

npm init
npm install --save-dev webpack expose-loader babel-core babel-loader babel-preset-es2015 mofron

create ./index.html

<html>
    <head></head>
    <body style="margin:0px;padding:0px;"></body>
    <script src='./dist/app.js'></script>
</html>

create ./src/sample.js (button display sample)

require('mofron'); 
require('mofron-comp-button');

// simple use
new mofron.comp.Button('test').visible(true); 

// set size setting
var btn = new mofron.comp.Button('size');
btn.width(150);        // set width to 150px
btn.visible(true);       // set to DOM
btn.height(30);         // enable changing after display
btn.style('background', 'white');  // css setting

// simple code
new mofron.comp.Button('simple code', {
    width  : 150,
    height : 30,
    visible : true
});

// set click event function
var click = new mofron.comp.Button('click');
click.setClickEvent(function() {
    alert('click');        // click event
});
click.visible(true);

create ./webpack.config.js

module.exports = {
    entry: './src/sample.js', 
    output: {
        path: __dirname + '/dist',
        filename: 'app.js' 
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'  ,
            query: {
                presets: ['es2015']  
            }
        }]
    }
};

packed

`npm bin`/webpack   # create dist/app.js

mofron

FAQs

What is mofron?

Is mofron popular?

Is mofron well maintained?

Package last updated on 16 Feb 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install