Forked from: funny.js's 比較用jQuery View Diff (1)

比較用Vue.js

funny.js

License: MIT License

Fork
0
Fav
0
View
58
  • Play

Fullscreen

Smart Phone

  • Readme
  • ES6 0 lines
  • HTML 1 lines
  • CSS 10 lines
パフォーマンス計測用
Vue.js
  • 比較用Vue.js
  • 比較用Vue.js

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

funny.js

Author

  • Facebook

自作ライブラリのテスト環境として利用しています。

funny.jsの設計理念。 ブラウザベースのjavascriptはブラウザによる制約が強いのが現状です。

javascriptがブラウザを意識することなくコーディングできるとしたら? javascriptがブラウザを意識することなく動作するとしたら? それを可能にするためのライブラリがfunny.jsです。 現状、IEとEdgeでは、動作いたしません。 ES6を前提とした軽やかな書き心地です。 phonegap cordova を見据えたWebアプリケーションの補佐的なライブラリにできると幸いです。

funny.jsの設計思想。

すべてのオブジェクトは… ・データバインド出来た方がいい ({}).$ have a setter and getter || ({}).bind({}) ・巡回の順番を持てたほうがいい ({}).cue([]).each((v, k) => {});

バインドしたデータは… ・監視出来た方がいい ({}).bind({}).watch(ProxyhandlerObject);

すべてのメソッドは… ・適切な値を返答したほうが良い ・より抽象化されたほうが良い ・with句のように連鎖的に呼び出せたほうが良い almost () => this;

全てのエレメントは… ・HTMLを記述するべきではない ・長い名前のメソッドを使うべきではない ・getElement系やquerySelect系は、使うべきではない ・コンストラクタによる記述を行えたほうが良い $d.make('tag')(prototype)

長い名前を使わなくても表現できる ・appendChild : in(child || children) ・removeChild || remove : out(child || self) ・document.createElement : $d.ship ・style.[] : wear({[]: value}) ・setAttribute(key, value) : hug({key : value}) ・addEventListener(event, callback, capture) : on(event)(callback)(capture = false) ・removeEventListener(event, callback, capture) : off(event)(callback)(capture = false) ・prototype || proto : wants ・definePrpperty : prop ・defineProperties : props

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags