Backbone.js

Backbone.js 在 2014.02.13 推出 1.1.1 版本，此次改版沒有推出重大功能，距離上次 1.1.0 版本只有經過四個月，時間也沒有很長。之前版本尚未支援 AMD，所以都是使用 amdjs/backbone 版本，但是這次 Backbone 官方直接釋出 AMD 版本，那之後就照官方版本走就可以了，底下是這次改版 Release note

• 釋出 AMD (require.js) 版本
• 新增 execute hook 讓開發者可以處理特定 route arguments
• Backbone Event 效能改善
• 處理相容舊瀏覽器 URL Unicode

近幾年 Javascript Framework 串起，似乎現在大家瘋狂的跟 Angularjs，所以 Backbone 似乎進度也沒有很快了，就像 PHP Framework 一樣，Laravel 的出現，讓其他 Framework 變得比較少討論了

在 resin.io 看到這篇 Happy 18th Birthday JavaScript! A look at an unlikely past and bright future. 裡面有些 Javascript 發展史，蠻有趣的，分享給大家看看。18 年前由 Netscape 和 Sun 共同 Release Javscript，在當年18天後，Ruby 也同時發佈了，底下來看看 Javscript 歷史演進。

Backbone.js 經過了半年終於在 10 月 Release 了 1.1.0 版本，這次升級最重要的一點就是，Backbone 本來在 View 有支援 options，讓你可以透過初始化過程，將自定額外的 key 及 value 帶入，並且可以隨時透過 this.options.key 的方式取得資料。直接給例子來解說好了

this.example = new Backbone.View.extend({
  template_name: "user_edit",
  el: "#main"
});

this.example.options.template_name 方式來得到 user_edit 值，如果是使用 Backbone 1.1.0 之前的版本都沒問題，要升級到 1.1.0，又想要此功能，請務必在 view 的宣告前就必須加一段程式碼(後面解說)。為什麼作者會拿掉呢？因為有開發者發 issue 說為什麼 View 有這功能，那 Model 為什麼沒有呢？，這會讓未來加入開發的程式設計師感到困擾，所以作者就決定拿掉這塊

CodeIgniter 來當作 REST Server 的朋友們，我相信都會找到 philsturgeon 所寫的 codeigniter-restserver，此套件幫你完成底層 API Response 動作，讓你可以輕易處理 REST URL。但是如果拿這套程式碼來搭配 Backbone.js 你會遇到拿不到 POST 或 PUT 變數問題，作者來一一描述。

相信網頁設計師並不陌生 Chrome DevTools，善用 DevTools 可以減少很多 Debug 時間，今天來介紹如何在 Chrome 瀏覽器上直接編輯程式，並且存檔，重新整理網頁後便可看到結果。聽到這裡大家一定會很好奇，不就開系統編輯器 (sublime, pspad, vim …) 工具，直接修改 => 存檔 => 重新整理嘛？但是這並不稀奇阿，重點是 Chrome 瀏覽器可以直接支援 線上編輯檔案，而不是透過系統工具做編輯。這就是 Chrome 強大的地方，今天就來介紹 Chrome workspace。

Html5 History pushState 功能，除了 IE 9 以下(含 IE 9)不支援 history.pushState() 跟 history.replaceState()，其他 Browser 幾乎都支援了，在 Backbone.js 如何處理 URL 變化呢？以往透過 handle URL hash 來決定網頁要處理哪些資料，這也是 Backbone 預設的處理方式，範例如下 URL:

http://xxx/#!/user/list http://xxx/#!/user/add

@gsamokovarov 提出將 Backbone.js 改寫成 CoffeeScript 架構的 Pull request，結果官方團隊其中一位開發作者回應了一張圖，代表他的心情 XD，各位有興趣可以點上面連結看看，後來有其他人回應說，為什麼官方不用 CoffeeScript 來寫了，發此 Pull Request 的作者也有說，他只是將架構改成 CoffeeScript 讓大家參考看看而已，沒有真的希望可以納入整個 Backbone.js 專案，如果有其他開發者需要的話，一樣可以 fork 此專案，說明文件也用 docco 產生好了，可以參考此連結，官方作者也提到，大部份的第3方 Library 還是不會使用 CoffeeScript 來當作基底開發，畢竟並非所有人都知道 CoffeeScript，如果官方想這麼開發的話，早就再 2010 年丟釋出 Backbone.js 的時候就直接採用了，不會拖到現在還沒出來，當然最後官方也希望將此 pull request 寫到 wiki 裡面給大家參考，等待原作者補開發動機及細節。

Backbone.js Event 事件介紹，簡介 Backbone.js Events 如何使用 on 跟 off 來處理事件，在升級 Backbone 到 0.9.9 過程中，其中一項重大新功能就是 Backbone listenTo and stopListening，大家來看看 Change logs:

Added listenTo and stopListening to Events. They can be used as inversion-of-control flavors of on and off, for convenient unbinding of all events an object is currently listening to. view.remove() automatically calls view.stopListening().

Backbone.js Event 的介紹，最近開發專案遇到一個奇怪問題，就是只要我重複呼叫 backbone.model.fetch()，如果資料相同的話，就不會重新 trigger render() 畫面，但是專案架構是以 Backbone.js MVC 下去開發，這樣畫面就會卡在 init 狀態，無法將畫面顯示出來。先來探討 Backbone.js Model 跟 Collection 預設的事件。

自從去年辦了台灣第一屆 2011 PHP Conference，2012年開始又來新的第一屆 Javascript Conference，在去年的 PHP 會議由於第一次開始舉辦 PHP Conference，所以比較少人投稿，導致議程裡面出現很多 Javascript 議題，這也是很多朋友的疑問 XD。底下來回顧 JSDC 5/19 (六) 個人參加的議程。由於早上差不多10點半才到，所以前兩場議程(Key Note - Ericsk, Node.JS on Windows Azure)就沒有聽到了，比較可惜。如果沒去聽現場的，可以到官方網站下載投影片參考。