Pymaster

https://goo.gl/si0KoH 好久沒動這個 repo ww 終於有人想要讓它上 npm，只好照做一發囉 有了之前在 angular highlightjs 的經驗，這次已經非常上手的馬上搞好了 YA

https://github.com/pc035860/angular highlightjs/releases/tag/v0.5.0 本來以為之前解掉神秘的 Webpack 問題，這次竟然因為有人嘗試使用 RequireJS 而破功 (X) 之前的 Webpack 問題 https://github.com/pc03…

https://goo.gl/9tPWeC 支援 Ad Preview Plugin 有鑑於支援 Ad Preview Plugin ，將預設的 platform version 改為最新的 2.4 這次再版號上面其實是有點糾結的，主要是因為經歷了 Facebook Platform 從不需要帶 version 到需要…

https://goo.gl/jKvPnc 為了 adaptive width 的 plugin (目前只有 fb page )，調整 directive parsing 的流程 支援 Embedded Video Player 想不到才隔一天馬上又 release 一個小版... 我也是千百個不願意！ 話說昨天那位印…

https://goo.gl/ky60u0 把預設的 ezfb.init() 中的 version 拉到 v2.0 新增 Page plugin 支援 要說今晚為什麼一事無成都是因為在忙這個 原本只是想說把人家發的 PR 處理一下，畢竟那個 PR 延宕已久，之前寫 comment 給發來的人請他改一下他遲遲沒有…

https://github.com/pc035860/angular highlightjs/releases/tag/v0.3.2 在純粹使用 hljs 來套色的時候，可以透過新的屬性 escape="{expresson}" 或 no escape 來取消原本預設的自動 HTML entity escape 這個…

https://github.com/pc035860/angular easyfb/releases/tag/v1.2.0 支援不知道什麼開始出現的 App Events for Canvas API 我發現 Parse 的人好像真的不少。 最近一次被路人推薦之後，馬上下面對話就有人問 Parse，而且同一串還有兩個…

坊間的 jQuery plugin + AngularJS 的做法都蠻基本又簡單的(e.g. An approach to use jQuery Plugins with AngularJS)。 實際上真正想要做一個對 jQuery plugin 的完善包裝是相當費工的，最近正好因緣際會之下有個使用 jQuery pl…

https://github.com/pc035860/angular scroll watch !how much angular do you want.390.gif !lovely slides.390.gif 這次的新 module 可以讓你在 AngularJS 裡碰到與捲動高度有關的事情時更快樂喔~ 心得…

https://github.com/pc035860/angular easyfb/releases/tag/v1.1.0 升級 JS SDK 版本，支援 Facebook platform versioning 為了向下相容，預設使用的 platform 版本是 v1.0 Facebook 似乎總是對開發者釋出善意…

TL;DR 如果你怕 $http 會因為散布在各個 service 中而不小心送出多次同樣參數的 request，真的是白擔心了！ 正文開始 今天本來心血來潮花了兩個小時想要做一個小 demo，來分享一下利用 promise 來避開在各個不同的 service 裡面對同一個 async task 套用一樣的參數而做重覆…

很多 AngularJS performance 相關的文章都是以 long lists 為主題來做提升，這篇的訴求比較不一樣 是 paging speed 。 本文所謂 paging speed ，指的是「由一頁換到另一頁所需要的速度」。 首先先來看看一個範例 AngularJS app 是如何切分資料以及換頁。 T…

https://github.com/pc035860/angular highlightjs/releases/tag/v0.3.0 新增 compile directive 選項 更新 bower.json 裡的 dependency 這好像是我第一次發 angular highlightjs 的更新文吼? 畢竟它…

https://github.com/pc035860/angular easyfb/releases/tag/v1.0.0 $FB service 改名為 ezfb 一些 local 的 DI 也都改名了 $fbInitParams ezfbInitParams $fbAsyncInit ezfbAsyncInit…

<img class="center" src="VVXBOG1lSni8Jpu4LdBg afire logo.png" alt="afire logo.png" 第一次聽說到 Firebase 的時候，angularFire 已經是 v0.3.0 版了。基於 Firebase 的特性，與 AngularJS 結合之…

https://github.com/pc035860/angular easyfb/releases/tag/v0.3.1 內建的 social plugin directive 們支援套用動態字串參數 不知道算是「修 bug」還是「加 feature」 寫 directive 的給參數方式其實完全看到底想怎麼用，基…

剛開始學習 AngularJS 時，循一般的網路上學習路徑，你可能會先 run 一次官方的 tutorial，完全照著裡面寫的 step 做就可以完成一個包含 test 的完整小專案。雖然它一步一步介紹的很清楚，但其實仔細看會發現 test 的部分接近於貼了程式碼就馬虎帶過 lol 來看看做為 tutorial 範例的…

https://github.com/pc035860/angular easyfb/releases/tag/v0.3.0 可以自訂 FB JS SDK 的載入 所有 Facebook social plugin 變成內建 directive，換句話說什麼都不用做就會 work 承上，deprecate 之前為達相同…

最近的空閒時間比較忙(?)，之前買了很多書結果都沒看... 直到這次連假才終於有鬆一口氣的感覺，於是我翻出了 Mastering Web Application Development with AngularJS 這本來快速消化一下。 <img class="center" src="abMkDLdRNGHQBRKS…

在經歷過了 AngularJS browser autofill workaround by using a directive 之後過了幾週，有一天我嘗試對著 login 用的表單亂來(?)，發現上的 workaround 其實只能針對在頁面一載入時的自動填入，如果是先清除它，在經過人為的操作之後的自動填入，還是都抓…

https://github.com/pc035860/ngQueue/releases/tag/v0.1.0 The very first release. 其實關於 ngQueue ，早在 用 ngQueue 來完成需要排隊的非同步工作 就已經有介紹過用法了。不過當時在 GitHub 的 release 頁面 上並…

https://github.com/pc035860/angular easyfb/releases/tag/v0.2.2 setInitFunction() in configure block for initialization customization Make $FB.Event.unsubscribe…

https://github.com/pc035860/angular easyfb/releases Changelog setLocale() in configure block Configure FB.init parameters with $FB.init in run block 這次的 release…

續上一篇文章 直接在網站頁面上安裝你的 Chrome extension 最後提到為了能夠在提供安裝的頁面展現出我們的誠意（明明上一篇好像不是這樣說的），總得有個辦法來各別針對 未安裝/已安裝 的使用者做頁面的客製化。 基本原理 其實就是官方文件提供的方法。 Extensions can communicate wit…

http://stackoverflow.com/questions/14965968/angularjs browser autofill workaround by using a directive Apparently this is a known issue with Angular and is curr…

http://stackoverflow.com/questions/11721863/angularjs how to get an ngrepeat filtered result reference Then $scope.filteredItems is accessible. 雖然說第一次看到真心覺得好可怕，…

http://goo.gl/BbPJMr This commit disables promise unwrapping and adds $parseProvider.unwrapPromises() getter/setter api that allows developers to turn the featu…

ui router 是 angular ui 旗下一員大將，其 github README 介紹的主要特色如下： 1. 使用 state 取代 angular 原生的 route 2. 可巢狀的 state 與 <ui view (view template directive) 3. 支援多個 <ui view ，可…

http://blog.coderstats.net/todomvc complexity/ An article comparing 17 different JavaScript based implementations of a simple Todo list app using the code compl…

今天碰到結果因為神秘的 cross domain 引用的 script error 沒有跳在 console 而卡了超久... $exceptionHandler 的官方文件介紹： Any uncaught exception in angular expressions is delegated to this se…

http://goo.gl/uQLFnl One of the lesser known yet more surprisingly powerful features of AngularJS is the way in which it allows promises to be used directly ins…

https://coderwall.com/p/3qclqg It just really takes time, more than you think it will to really get AngularJS. 被一開始的 tutorial 跟 demo 驚豔後就會不小心走入深淵了...

http://github.com/pc035860/angular easyfb AngularJS $q promise support Fix minified code run time error 0.2.0 加入了 $q promise 的支援，因此 增加了在 view 裡面使用的彈性。 更新：An…

<img class="center" src="http://24.media.tumblr.com/b99da58dd0ffd739c065a14475a10bd4/tumblr mtr18ySOiz1qm4j3to1 1280.png" alt="My Feelings About AngularJS Over…

jqLite 是 AngularJS 為了方便進行 DOM 操作而又不希望讓 jQuery 成為 dependency 的解決方案，官方文件如是說： jqLite is a tiny, API compatible subset of jQuery that allows Angular to manipulate t…

其實這是一個看一看 ui router 的 wiki，再瞄一下 source code 就可以發現的 bug ，不過由於影響不是慎大，也沒有寫在 test spec 裡，它就這樣在 0.2.0 release 接近兩個月的現在還躺在那兒。 竹林中 陰影 昨天在忙 git source (其實也就是在忙這個 blog)，…

https://github.com/pc035860/git source git source shows off your github pages hosted source codes and examples. 最近終於完成的小專案，其實是為了寫 blog 特別設計的，希望能夠同時滿足四件事情 程式碼上色…

http://angular tips.com/blog/2013/08/tip directives with the same name/ By doing this we can write directives that we need to run when other directive appears.…

$q promise 是使用 AngularJS 時相當重要的一環，熟悉並活用之後可以讓許多原本看似較雜亂的 event base 程式碼看起來謹然有序（當然也不是所有的 event base 程式都適合使用 promise 來實現）。 排隊的需求 有時候我們會碰到一些特別的情況： 一段一段的動作是依序進行，但觸發的時…

AngularJS 做為一個以建立 Single Page App 為目標的 framework，當然是不希望你在 web app 中碰到需要與後端做資料溝通時會需要 refresh 整個網頁，因此它提供了完整的 HTML <form> 解決方案，諸如： 透過 form directive 攔截預設的 fo…