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.
84
|
第五章
這段程式碼的問題在於：輔助函式不該直接寫進檢視器裡，應該要為它設定命名空間、
建立抽象介面，如此才能將程式邏輯和檢視器切割開來。正確的做法應該是另外建立一
個
helper.js
檔案，然後把應用程式會需要用到的所有輔助函式（像是
autoLink()
函式）
通通放進這個檔案裡。這樣就能讓檢視器裡的程式碼乾淨得多：
// helper.js
var helper = {};
helper.autoLink = function(data){
var re = /((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g;
return(data.replace(re, '<a target="_blank" href="$1">$1</a> ') );
};
// template.html
<div>
${ helper.autoLink(this.data) }
</div>
這麼做還有另一個好處：能讓整個應用程式一起共用
autoLink()
這組函式。
模版的存放位置
關於檢視器的模版存放位置，有幾種不同的做法：
• 寫在 JavaScript 檔案裡
• 寫在自訂的 script 標籤裡
• 從遠端伺服器載入
• 寫在 HTML 程式碼裡
不過上述這些做法中，有些並不甚符合 MVC 架構的精神。我個人建議最好是把模版寫
在自訂的 script 標籤裡，理由將於稍後說明。
雖然模版可以直接寫在 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,
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.