January 2013
Intermediate to advanced
332 pages
5h 23m
Chinese
Content preview from JAVASCRIPT網頁應用程式設計
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Spine 函式庫
|
187
一組
elements
屬性（屬性值是一組物件，內含選取項和變數名稱的對應關係）就可以。
拿以下這段程式來說，裡頭的
this.input
，就是參照到選取項
form input[type=text]
所對應的網頁元件。不過要特別注意一點：選取項是在控制器所對應的網頁元件（
el
）
裡面搜尋對應元件，而非在整個網頁裡搜尋：
// 實體變數「input」
var Tasks = Spine.Controller.create({
elements: {
"form input[type=text]": "input"
},
init: function(){
// this.input 是參照到表單的輸入欄位
console.log( this.input.val() );
}
});
此外，如果有修改
el
（控制器所對應的網頁元件）裡的 HTML 碼，就得再呼叫
refreshElements()
重新整理一下元件的所有參照值。
委派事件
Spine 的
events
屬性能讓你一次設定好幾組事件監聽器。由於 Spine 的事件機制，是採
用氣泡傳播模式（event bubbling），所以針對相同的事件，只需要在
el
（控制器所對應
的網頁元件）上面設定一組事件監聽器就可以。
events
裡的選取項，搜尋範圍僅侷限於
控制器所對應的網頁元件（
el
）（和前面介紹的 elements 一樣）。
Events 屬性值的格式是
{" 事件名稱 選取項 ": " 回叫函式名稱 "}
。「選取項」這組參數可 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.