backbone.js 入門

要用 backbone 之前要先載入 underscore 和 jQuery

backbone是js的一個MVC framework
backbone的主要功能分為兩塊:Model 和 View
他們透過 backbone.Event 來溝通

Model: 負責維護 client, server, view 資料的同步
　　　　當Model內的資料被修改，就會驅動 change Event

View: 負責 html render 和 UI event
　　　　可以 html template 來做 render
　　　　不一定要同時使用 Model 和 View
　　　　從Todo這個範例可以看到 單獨使用 View 是可行的
　　　　從這行開始看，可以發現這段程式碼其實是用 View 去接管所有的 UI event
　　　　而這段程式碼中只有在 event 觸發的函數內使用到 Model

　　　　我自己也做了一個測試


backbone 還有一個重要的東西是 Router
Router 的功能是用來做 deep linking
deep linking 技術是改變client網址卻不換頁，只改變了網頁中的某個部分
其實等於是用網址來存client的狀態，這樣做的好處是在轉貼連結可以直接跳到頁的內部
舉例來說我的網頁
http://dl.dropbox.com/u/7377053/JS/etrexJs/ObjectTreeview/InteractiveTreeview.html
在文字框輸入變數名稱可以用來偷看js變數
http://dl.dropbox.com/u/7377053/JS/etrexJs/ObjectTreeview/InteractiveTreeview.html#navigator.userAgent
http://dl.dropbox.com/u/7377053/JS/etrexJs/ObjectTreeview/InteractiveTreeview.html#YAHOO

感謝龍哥的補充