2015年10月13日 星期二

如何在 Javascript each 中做 break 或 continue

我們都知道很多程式語言都有 breakcontinue 可以用,但若想用 Javascript each 使用這兩個語法,可不是這樣用的,以下就來看看正確的使用方式吧!

  1. $(".items").each(function() {
  2.     if ( wantContinue ) {
  3.         return true;
  4.     }  //  continue

  5.     if ( wantBreak ) {
  6.         return false;
  7.     }  //  break
  8. });

結論就是:
  1. return true > continue
  2. return false > break


2015年10月10日 星期六

八卦(易經)算命之六十四卦自動擺盤

之前用 Android 的手機時,由於偶爾會幫人算命及卜卦,所以寫了一隻 APP(六十四卦卦象速查表) 來查表能,但自從兩年前換了 IPhone 後,要幫別人算命的時候就沒 APP 可以用了...而且有時存好的查表網站都死掉要重找,所以決定怒寫一個網站,順便證明一下自己寫程式的功力有沒有進步。

上次寫 APP 的時候,只做了查表的功能,且動線沒有規畫的很好...花了三週左右。而這次的網站只要輸入日期就可以自動排出完整卦象且畫面簡單明瞭,總共只花了一週。所以看來這兩年來,我寫程式的功力真的是有大大提升啊!!! 以下就附上我新寫的自動擺盤系統吧!

2015年9月25日 星期五

用 CSS 來製造動畫 - Animate.css

最近在開發網站需要做一些簡單的動畫,發現了一個不錯的套件叫做 Animate.css,他有很多 CSS 動畫,可參考他的 CSS 微調修改出自己想要的動畫,且可在官網上看到 Demo 的效果,如下圖:



2015年9月17日 星期四

Bootstrap with Google material Design

相信大家對於 Google 所提倡的 Material Design 非常有興趣,但是要自己實做這些 CSS動畫似乎有點困難阿...好在國外已經有人開發好一套基於 Bootsrap 的 Material design 了,這對熟悉 Bootstrap 的人來說,可說是個好物呀!以下就附上此套件的截圖及 GitHub


網址: https://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html

2015年7月4日 星期六

MD5 加密/解密 (Encode / Decode) 準確度較高的網站整理

相信現在 MD5 已經被廣泛使用在檔案傳輸及資料加密的一個方式,但有時候我們需要解密  MD5,但是要解密其實不太容易,網路上找到的解密網站通常都是自己建立了龐大的資料庫,針對所要查的 MD5 碼 去做反查。因此以下就整理了幾個我覺得準確度和資料庫比較大的網站供查詢:
  1. http://www.md5online.org/
  2. http://www.md5decrypt.org/
  3. http://md5ss.sinaapp.com/
  4. https://md5hashing.net/hashing/md5