第 1 章 關于 jsPsych 1

1.1　什么是 jsPsych　1

1.2　為什么要使用 jsPsych　2

1.3　如何學習 jsPsych　7

1.4　為什么要使用 jsPsych 7.x 版本（選讀）　8

1.5　小結　9

第　2 章 HTML 基礎　10

2.1　HTML 簡介　10

2.2　開發環境　11

2.3　VsCode 的用法（選讀）　11

2.4　HTML 初始代碼　16

2.5　注釋　18

2.6　jsPsych 中常用的 HTML 標簽　18

2.7　小結　28

第　3 章 CSS 基礎　30

3.1　CSS 的語法　30

3.2　jsPsych 中常用的 CSS 樣式　38

3.3　小結　56

第　4 章 JavaScript 基礎（一）　59

4.1　JavaScript 簡介　59

4.2　變量　62

4.3　數據類型　65

4.4　相關閱讀　78

4.5　小結　79

第　5 章 JavaScript 基礎（二）　80

5.1　分支語句　80

5.2　循環語句　86

5.3　函數　90

5.4　異步（選讀）　95

5.5　小結　101

第　6 章 使用 JavaScript 操作網頁　103

6.1　獲取頁面上的元素　103

6.2　修改、獲取元素的屬性　105

6.3　動態添加、移除元素　110

6.4　事件　111

6.5　使用原生 JavaScript 編寫簡單反應時實驗　114

6.6　小結　124

第　7 章 jsPsych 初體驗　126

7.1　使用 jsPsych 重寫簡單反應時實驗　126

7.2　理解使用 jsPsych 搭建實驗的理念　132

7.3　小結　133

第　8 章 時間線變量　135

8.1　時間線的嵌套　135

8.2　時間線變量　137

8.3　時間線變量的隨機化　139

8.4　動態參數　143

8.5　小結　145

第　9 章 jsPsych 中的事件　147

9.1　單一試次相關的事件　147

9.2　子時間線相關的事件　149

9.3　全局生效的事件　152

9.4　生命周期　158

9.5　小結　161

第　10 章 使用插件　162

10.1　所有插件通用的參數　162

10.2　獲取鍵盤按鍵的插件　167

10.3　預加載靜態資源　176

10.4　獲取鼠標點擊的插件　179

10.5　通過滑動條作答的插件　184

10.6　繪制復雜的刺激--使用canvas　187

10.7　問卷編制　194

10.8　進入/退出全屏　206

10.9　根據瀏覽器剔除被試　208

10.10　關于學習插件的建議　211

10.11　小結　214

第　11 章 自定義實驗　215

11.1　修改實驗外觀　215

11.2　實驗的配置項　218

11.3　自定義數據　225

11.4　增強試次功能　240

11.5　模擬模式　242

11.6　小結　245

第　12 章 jsPsych 實驗的部署　246

12.1　使用 Cognition 部署實驗　246

12.2　使用腦島部署實驗　252

12.3　對比 Cognition 和腦島　260

12.4　小結　260

第　13 章 高級應用：編寫 jsPsych插件　262

13.1　簡單認識 JavaScript 中的 class　262

13.2　jsPsych 插件的基本結構　267

13.3　實現一個插件　270

13.4　小結　284