發表文章

目前顯示的是 十二月, 2012的文章

QUnit Asserting Results

References
1 .http://qunitjs.com/cookbook/#asserting_results
2 . http://www.c-point.com/javascript_tutorial/jsgrpComparison.htm
QUnit 提供三種基本的assertions
ok( truthy [, message ] ) equal( actual, expected [, message ] )deepEqual( actual, expected [, message ] )
1.  ok ( truthy, [, message] )
這個function只需要一個參數,輸入ture 的話就會出現pass的結果,反之輸入false 就會出現fails。
範例:
test( "ok test", function() {
ok( true, "true succeeds" );
ok( "non-empty", "non-empty string succeeds" );
ok( false

CSS 卡片翻面 ( CSS Card Flip)

今天看到人家網站有做了一個利用CSS來完成卡片翻面的例子,我覺得有趣所以也寫了一個簡單的例子。


cardFlip.html

Card的架構就只要三個DIV包含了card , front跟back,至於front跟back是被card給包住的


<div id="card" class="card">
<div class="front">
<h3> Front </h3>
</div>

<div class="back">
<h3> Back </h3>
</div>