山田祥寛

CONTENTS

序言
版面結構
執行環境
範例檔下載位址

第1章 基本語法

1.1 JavaScript的基本
1 將JavaScript的程式碼嵌入HTML頁面
2 了解JavaScript的基本語法
3 替JavaScript的程式碼加入註解
4 根據註解快速製成規格表
5 剔除JavaScript中的危險語法
6 壓縮JavaScript的程式碼
7 使用變數
8 輸出字串
9 禁止字串中出現斷行字元或標籤
10 顯示數值類型的值
11 標記真假（布林）值
12 建立陣列
13 建立關聯式陣列

1.2 型態變換與型態判定
14 想轉換資料型態
15 想更簡單地轉換資料型態
16 判斷變數資料型態

1.3 演算子
17 了解i++與++i的差異
18 了解「0.1*3」等於0.30000000000000004的理由
19 了解基本型與參照型的不同（代入與比較）
20 了解 == 與 === 的差異

1.4 控制語法
21 公式在邏輯運算中被忽略的情況
22 條件分歧處理
23 依變數內容進行不同處理
24 根據條件重覆執行處理
25 指定處理重覆執行的次數
26 依序列舉物件的屬性
27 中斷或跳離迴圈

第2章 函數與物件導向

2.1 函數
28 自訂使用者自訂函數
29 設定參數的預設值
30 確認必要參數
31 接收附有名稱參數
32 定義可變長度參數的函數
33 將函數當成參數傳遞

2.2 Scope
34 了解區域變數的有效範圍
35 了解「變數的提昇為何物
36 讓所有變數納區域有效範圍

2.3 物件導向
37 定義類別
38 替類別新增方法
39 替類別新增靜態成員
40 繼承類別
41 定義無法從外部存取的屬性與方法
42 判斷物件的型態
43 避免類別名稱產生衝突
44 定義有階層構造的命名空間

第3章 基本物件

3.1 數學
45 四捨五入小數點以下的數值
46 針對任何位數進行四捨五入計算
47 計算n進位的數值
48 求得亂數
49 進行絕對值、次方值、平方根這類數學運算

3.2 字串
50 取得字串長度
51 大／小寫英文字母轉換
52 剔除字串中的空白字元
53 從字串擷取部分字串
54 搜尋特定字串

3.3 正規表示式
55 正規表示式的使用
56 利用正規表示式確認字串的匹配
57 以正規表示式搜尋字串
58 利用正規表示式搜尋多行字串
59 以正規表示式取得更精準的搜尋結果
60 利用正規表示式置換字串
61 利用正規表示式切割字串

3.4 陣列
62 新增／刪除陣列的元素
63 讓陣列與陣列合併
64 想讓雜湊物件／物件彼此融合
65 取得陣列的大小
66 合併陣列元素
67 擷取陣列的部分元素
68 置換陣列內容
69 替陣列的元素排序
70 依序處理陣列／物件的內容
71 依序加工陣列元素
72 依特定條件篩選陣列內容
73 搜尋陣列內容

3.5 日期
74 操作日期／時刻資訊
75 分別設定日期／時刻資訊
76 取得日期／時刻元素
77 從日期字串取得時間戳記
78 將日期／時間轉換成字串
79 針對日期／時間進行加／減法計算
80 計算日期／時間的差距

3.6 瀏覽器操作
81 於一段時間之後進行處理
82 於固定時間間隔進行處理
83 在頁面之中移動
84 將目前的頁面儲存至歷程記錄中
85 將字串轉譯為URI
86 物件與JSON字串互相轉換

第4章 頁面操作

4.1 jQuery的基本功能
87 導入jQuery
88 讓早期開發的應用程式支援最新版本的jQuery
89 搜尋HTML頁面中的特定元素
90 載入檔案之後再執行程式碼

4.2 樣式操作
91 變更元素的樣式
92 設定／移除樣式類別
93 快速套用／移除樣式類別
94 取得／設定元素的高度／寬度

4.3 屬性／文字操作
95 取得／設定捲動位置
96 取得／設定元素的屬性
97 取得／設定表單元素的值
98 取得／設定元素底下的文字
99 取得／設定元素的屬性

4.4 遍歷與檔案連結
100 穿梭於父子／兄同輩元素（弟）之間
101 以目前的元素為起點搜尋其他元素
102 以特定條件篩選元素組的內容

4.5 元素操作
103 插入新增的元素
104 移動既存的元素
105 將既存的元素置換成其他元素
106 刪除既存的元素
107 移除元素的內容

4.6 事件處理
108 依照觸發的事件進行處理
109 了解jQuery的標準事件
110 在滑鼠游標出入元素時執行處理
111 在第一次點選時進行處理
112 偵測非jQuery標準事件的事件
113 將事件監聽器新增至還未建立的元素
114 同時設定多個事件監聽器
115 移除事件監聽器
116 取得事件觸發之際的滑鼠資訊
117 取得事件觸發之際的鍵盤資訊
118 將參數傳遞給事件監聽器
119 讓JavaScript「不唐突」
120 取消事件處理

第5章 特效&互動性

5.1 基本效果
121 套用動畫效果
122 在動畫播放結束時執行處理
123 自訂動畫效果
124 套用／移除樣式類別時播放動畫
125 慢慢地切換成另一種樣式
126 在元素顯示／隱藏時播放動畫
127 在元素套用各種特效
128 呈現移動的動畫
129 指定動畫的變化程度
130 停用動畫

5.2 互動性
131 利用拖曳操作調整圖片大小
132 縮放文字區塊
133 透過拖放操作重新排列元素
134 限制可調換順序的元素
135 讓可排序的列表項目的拖曳位置更加顯眼
136 建立可同時拖曳多個項目的列表
137 將元素設定為可拖放的狀態
138 限定可拖放的元素
139 不使用jQuery UI啟用拖放功能
140 從其他應用程式拖放文字
141 將檔案拖曳至瀏覽器中

第6章 UI開發——面板／選單／資料呈現篇

6.1 jQuery UI基本功能
142 使用jQuery UI
143 自訂jQuery UI的主題
144 使用jQuery UI內建的圖示集
145 進一步控制小工具的顯示位置
146 自訂套用於小工具的特效

6.2 列表／面板
147 建立折疊式面板
148 建立標籤面板
149 將標籤面板的內容儲存為外部檔案
150 建立對話框
151 從外部檔案取得對話框的內容
152 建立工具提示
153 自訂工具提示的內容

6.3 選單
154 建立功能豐富的選單
155 建立內容選單

6.4 資料呈現
156 放大顯示圖片／動畫
157 建立支援排序／分頁的表格
158 繪製折線圖
159 繪製長條圖
160 繪製圓餅圖
161 繪製散佈圖
162 繪製泡泡圖
163 繪製雙軸圖表

第7章 UI開發——輸入輔助／範本引擎／Canvas篇

7.1 輸入輔助
164 建立自動完成功能的文字方塊
165 自訂搜尋候補的規則
166 於頁面反映候補列表的新增資訊
167 從資料庫取得候補列表
168 建立日期選取方塊
169 自訂日期選取方塊中的日期格式
170 指定日期選取方塊的日期輸入範圍
171 點選按鈕就顯示月曆
172 建立數值輸入方塊
173 依地區設定顯示數值
174 建立滑桿方塊
175 建立範圍滑桿或垂直滑桿
176 讓按鈕／連結／選取按鈕／核取方塊變得更漂亮
177 輸入數值的驗證功能
178 建立自訂的驗證規則
179 建立精靈格式的表單
180 建立檔案上傳器

7.2 範本引擎
181 讓頁面設計與邏輯程式分離
182 在範本中建立條件分歧處理與迴圈處理
183 想加工範本中的資料
184 自訂標籤

7.3 Canvas
185 不使用外掛程式繪製圖形
186 在畫布中繪製矩形
187 在畫布中繪製直線
188 繪製多邊形
189 設定圖形的樣式
190 替畫布的填色套用漸層效果
191 繪製圓形與圓弧
192 繪製貝茲曲線
193 在畫布中繪製文字
194 在畫布中植入圖片
195 沿著特定範圍裁切圖片
196 沿著垂直／水平方向重覆貼入圖片
197 縮放／旋轉／移動圖片
198 以Data URL格式輸出畫布內容

第8章 APP開發

8.1 Ajax
199 將非同步傳輸取得的內容反映至頁面中
200 以JavaScript處理非同步傳輸的結果
201 存取JSON格式的Web API
202 設定Ajax傳輸方式的進階選項
203 定義非同步傳輸開始／結束／產生錯誤時的共通處理

8.2 定位資訊
204 取得目前所在地的定位資訊
205 設定取得定位資訊時的錯誤處理與取得選項
206 定期取得定位資訊

8.3 Web Storage & Cookie
207 輕鬆操作Cookie
208 將大筆資料儲存至瀏覽器
209 將物件存取於儲存空間
210 參照儲存空間中的所有內容
211 刪除儲存空間中的內容

8.4 音訊／動畫播放
212 播放音訊檔案
213 播放視訊檔案
214 讓音訊／視訊檔案支援多種瀏覽器
215 透過指令檔播放音訊／視訊檔案
216 調整音訊／視訊的音量與播放速度

8.5 檔案操作
217 取得本地檔案的資訊
218 匯入純文字檔案
219 匯入二進位檔案

8.6 其他
220 離線使用APP
221 從快取記憶體剔除局部檔案
222 在背景模式底下執行JavaScrpit程式碼（Worker篇）
223 在背景模式底下執行JavaScrpit程式碼（啟動篇）
224 讓視窗／框架交換訊息

第9章 智慧型手機頁面開發

9.1 jQuery Mobile的基本功能
225 使用jQuery Mobile
226 利用jQuery Mobile建立基本頁面
227 變更jQuery Mobile頁面的設計
228 利用ThemeRoller自訂主題

9.2 表單
229 於jQuery Mobile頁面定義輸入表單
230 於jQuery Mobile頁面顯示按鈕
231 建立附帶圖示的按鈕
232 於jQuery Mobile頁面配置文字輸入方塊
233 賦予文字方塊自訂的功能
234 建立選取按鈕／核取按鈕
235 建立ON ／ OFF按鈕
236 建立選單
237 建立滑桿選單
238 解除特定表單元素的小工具

9.3 超連結
239 在jQuery Mobile頁面配置連結按鈕
240 變更頁面切換特效
241 提昇頁面切換速度
242 顯示載入訊息

9.4 彈跳式視窗／面板
243 顯示彈跳式視窗
244 顯示對話框
245 建立Lightbox式的圖片彈跳式視窗
246 顯示滑動面板
247 建立可開關的面板
248 建立折疊式面板

9.5 列表／表單
249 建立原生應用程式風格的列表
250 建立巢狀結構列表
251 於列表項目中植入小標題／計數泡泡／圖示
252 群組化列表項目
253 建立回應式表單（Reflow）
254 建立回應式表單（Column toggle）
255 動態篩選列表或表單的內容
256 以未顯示於畫面的文字篩選列表／表單的內容
257 自訂Filterable小工具的搜尋規則

9.6 頁首／頁尾
258 於頁首／頁尾配置按鈕
259 控制頁首／頁尾的顯示方式
260 配置導覽列

9.7 版面
261 建立格狀版面
262 建立回應式格狀版面

9.8 其他
263 設定jQuery Mobile的執行參數
264 於載入／切換頁面之際進行處理
265 依使用者的操作執行處理

第10章 CoffeeScript

10.1 CoffeeScript的基本功能
266 使用CoffeeScript
267 了解CoffeeScript的基本語法
268 在CoffeeScript中宣告變數
269 將變數嵌入字串
270 智慧地顯示多行字串
271 在CoffeeScript中使用陣列／雜湊格式
272 有效率地建立連續數值的陣列

10.2 演算子／控制語法
273 了解CoffeeScript運算子
274 確認變數是否存在
275 確認函數／物件是否存在
276 依條件進行不同的處理
277 明確地寫出否定的條件式
278 依公式的值進行不同處理
279 依條件重覆進行處理
280 依序處理陣列的元素
281 依序處理雜湊內容
282 讓處理重覆執行指定的次數

10.3 函數
283 在CoffeeScript中定義函數
284 替參數設定預設值
285 定義可變長度參數的函數

10.4 物件導向
286 於CoffeeScript定義類別
287 於CoffeeScript定義靜態成員
288 以某個類別為雛型來定義新的類別
289 於Coffee建立類別程式庫
290 於CoffeeScript儲存this文脈

索引

CONTENTS

序言
版面結構
執行環境
範例檔下載位址

第1章 基本語法

1.1 JavaScript的基本
1 將JavaScript的程式碼嵌入HTML頁面
2 了解JavaScript的基本語法
3 替JavaScript的程式碼加入註解
4 根據註解快速製成規格表
5 剔除JavaScript中的危險語法
6 壓縮JavaScript的程式碼
7 使用變數
8 輸出字串
9 禁止字串中出現斷行字元或標籤
10 顯示數值類型的值
11 標記真假（布林）值
12 建立陣列
13 建立關聯式陣列

1.2 型態變換與型態判定
14 想轉換資料型態
15 想更簡單地轉換資料型態
16 判斷變數資料型態...