mofron

front-end framework for javascript

0.8.9
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 .NET,swing. so it makes front-end development possible by only javascript.

Install

mofron dependencies webpack babel expose-loader

npm install mofron

Quick Start

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'); 
let Button = require('mofron-comp-button');

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

// swing style coding
var btn = new Button('swing');
btn.width(150);          // set width to 150px
btn.visible(true);       // set to DOM
btn.clickEvent(function () {  // set click event
    alert();
});
btn.height(30);          // enable changing after display
btn.style('background', 'lightblue');  // css setting

// key-value style coding
new Button({
    param  : 'key-val'
    width  : 150,
    height : 30,
    clickEvent : function () {
                     alert('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   # makes dist/app.js

mofron

FAQs

What is mofron?

Is mofron popular?

Is mofron well maintained?

Package last updated on 26 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