About Time

雖然說 Travis CI 這玩意兒不是新鮮事了，不過之前一直都懶得碰，直到現在做某個專案時，
寫完測試，就順便來導入 Travis CI，原本心想應該不會太難搞，但實際在導入的過程還是碰
上了一些鳥事，整個過程步驟如下：
1. 註冊帳號（一定要有 github accont） - Travis CI

1. brew update
2. brew install mariadb
3. mysql.server start
4. 透過 /usr/local/bin/mysql_secure_installation 來設定root

遇到一個 angular(1.0.8) 的問題，趕快來筆記一下。
在 ng-repeat 中，有 directive 是以 templateUrl 的方式去載入 template，有一些靈異現象會發生.....
 

原文出處：http://www.alexrothenberg.com/2013/02/11/the-magic-behind-angularjs-dependency-injection.html
 
這篇文章主要是要探討 AngularJS 的 DI 機制，但我覺得還有令一個重點是再留言的部份，就是提到了 Require 和 DI 的差別，AngularJS 的作者 misko 的敘述如下：

用 AngularJS 一定會想要做 Directive，今天要來說說 $eval, $parse 和 $observe 的使用狀況，最基本的狀況如下 (沒有 isolate scope)：
 
angular.directive('foo', function() {

時常看到拖拉式的方法上傳檔案，會有一個 Drop zone 讓檔案拖拉進去，在製作的過程中，我希望拉近去 Drop zone 的時候邊框會變色，所以綁了一個 dragenter 和 dragleave event 在 Drop zone container 中，但 Drop zone container 中有 child element 的話，如果拖拉的時候有碰觸到 child element 的話也會觸發我所綁定的 event，想了一些方式，但都是從 Javascript 的方面著手，像是比對目前觸發的 element 是不是 Drop zone container 之類的方式，寫起來個人還是覺得髒....，沒想到這個問題可以用 CSS3 來解決，CSS3 真的很威阿~~~。
只要將 child element 加上一個屬性：
pointer-events: none;
就這樣子解決了~~歡呼~~~

在開發了幾支 Web App 下來，透過 Yeoman 的 Livereload 開發都還順利，不過在遇到使用 AngularJS html5Mode 時，碰上了釘子，我不能 reload page，這在開發上就不順手了，找了一下解法，終於找到囉！
說明一下我的開發環境：
Yeoman(yo, grunt, bower) + generator-angular
 

最近在工作上要做一個新的 web app, 有一個功能是要上傳圖檔, 我想要讓使用者直接拖拉圖片之後就能顯示圖片的 thumbnail, 方法不只一種, 我選擇用 window.URL.createObjectURL 的方式來做, 產生一個 Blob 的連結, 當然是這個方法不支援 IE (IE10 沒測~不知道), 之後透過 AngularJS 的 ng-src 來顯示 thumbnail。
概念如下：
AngularJS 版本： 1.2.0rc
瀏覽器：Chrome

在 JS 中有一個規則就是，同源策略，例如網頁內容有 iframe 而 iframe 的來源可能是子網域的內容或者是外站的內容，兩者都屬於跨網域的溝通，不過若是要與子網域溝通的話，可以透過

Node 在接收上傳檔案的時候，會有一個暫存區，接收完後，
執行 fs.rename 就不用再用 fs.unlink 了，因為 rename
的行為是將暫存的檔案搬移到指定的地方去，所以就不需要
unlink 暫存的檔案囉！