雖然說 Travis CI 這玩意兒不是新鮮事了,不過之前一直都懶得碰,直到現在做某個專案時,
寫完測試,就順便來導入 Travis CI,原本心想應該不會太難搞,但實際在導入的過程還是碰
雖然說 Travis CI 這玩意兒不是新鮮事了,不過之前一直都懶得碰,直到現在做某個專案時,
寫完測試,就順便來導入 Travis CI,原本心想應該不會太難搞,但實際在導入的過程還是碰
遇到一個 angular(1.0.8) 的問題,趕快來筆記一下。
在 ng-repeat 中,有 directive 是以 templateUrl 的方式去載入 template,有一些靈異現象會發生.....
用 AngularJS 一定會想要做 Directive,今天要來說說 $eval, $parse 和 $observe 的使用狀況,最基本的狀況如下 (沒有 isolate scope):
時常看到拖拉式的方法上傳檔案,會有一個 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 加上一個屬性:
在開發了幾支 Web App 下來,透過 Yeoman 的 Livereload 開發都還順利,不過在遇到使用 AngularJS html5Mode 時,碰上了釘子,我不能 reload page,這在開發上就不順手了,找了一下解法,終於找到囉!
說明一下我的開發環境:
最近在工作上要做一個新的 web app, 有一個功能是要上傳圖檔, 我想要讓使用者直接拖拉圖片之後就能顯示圖片的 thumbnail, 方法不只一種, 我選擇用 window.URL.createObjectURL 的方式來做, 產生一個 Blob 的連結, 當然是這個方法不支援 IE (IE10 沒測~不知道), 之後透過 AngularJS 的 ng-src 來顯示 thumbnail。
概念如下:
在 JS 中有一個規則就是,同源策略,例如網頁內容有 iframe 而 iframe 的來源可能是子網域的內容或者是外站的內容,兩者都屬於跨網域的溝通,不過若是要與子網域溝通的話,可以透過
document.domain