一般的なライブラリが平然とやっていることを、自力でやるとどうなるのか習作する試み。
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
modules
spec
README.md
clayworks.js

README.md

Clayworks.js

仕込み中です...

世間のライブラリが当たり前に行っている処理を自分で実装してみるテスト. 黒魔術成分僅少です.

使い方 - Usage

とりあえずレベルのメモ書き

Clay.ready(function(c) {
    // into your business

    /**
     * basics
     *
     * c.elemで取得するとピュアなElementを直接返します
     * メソッド群は本体スクリプトの冒頭を読めば大体書いてあります
     */
    var elmMado = c.elm('#mado'),
        elmHomu = c.elm('#homu'),
        elmAry  = c.elm('.qbee');

    c.elm.clazz(elmAry, '+mamiru');

    c.elm.replace(elmMado, elmHomu);


    /**
     * short hands
     *
     * jQuery的に書くとClaylumpオブジェクトが返ってメソッドチェーンします
     * 使い勝手詰め込み途中
     */
    c('#mado').css('display', 'none').clazz('+gainen');

    c('#homu').on('click', function() {
        // click! click!
    });
});

Hayate.jsの統合

Clayworks.jsは,セレクタエンジンHayate.jsの統合をサポートしています.

Hayate.jsの統合は,(今のところ)消極的に行うことを推奨しています.querySelectorAllが利用できない,または実装が半端なIE8以前でのみHayate.jsを読み込んで統合します.その他のブラウザではquerySelectorAllが利用されます.

<!--[if lt IE 9]><script src="/src/js/hayate.js"></script><![endif]-->
<script src="/src/js/clayworks.js"></script>

クレジット - Credit

Copyright 2012, Ayumu Sato ( http://havelog.ayumusato.com )