jsPsych从入门到精通

1. 颇受学界欢迎的心理学专业软件jsPsych的中文教程，根据jsPsych 7.2版本编写。 2. 内容丰富、系统、实用、易上手。补齐前端开发知识，覆盖入门和进阶需求，深入介绍jsPsych工作原理。 3. 心理学专业人士常备的实用工具书。综合性能强大，让你轻松上手在线心理学实验开发。 4. 学术界多位杰出教授----陈立翰、何吉波、蒯曙光、汪寅、杨春亮、曾祥炎、张学民、张阳联合推荐。

jsPsych 是一个用于编写在线心理学实验的 JavaScript 框架，因其轻便、灵活、易用、可定制、支持多平台等优点而受到学界欢迎。本书是 jsPsych 的中文版使用教程，系统介绍了使用 jsPsych 搭建实验的流程、细节以及注意事项。本书共 13 章，首先简单介绍这一工具的特点，然后简要介绍使用 jsPsych 所必需的前端开发（HTML+CSS+JavaScript）基础知识，最后详细介绍如何利用 jsPsych 的各项功能与特性搭建实验。书中包含了实际案例和示例代码，旨在帮助读者深入理解 jsPsych 的使用方法，并能够根据自己的需求进行修改和定制。 本书适合心理学相关专业教师和研究生以及心理学研究者阅读。

姜绍彬 北京师范大学心理学部直博，熟练使用JavaScript、TypeScript、MATLAB、Python、Dart等语言和Electron、Django、Flutter等框架，以及jsPsych和PsychToolbox等心理学实验编程工具；曾独立完成jsPsych官方文档的中文翻译，开展jsPsych培训课程，并在知乎上发布相关系列教程。 蒋挺 北京师范大学心理学院副教授、发展与教育心理学博士。主讲“教育心理学”“实验心理学实验“和“MATLAB高级实验编程技术”等课程，致力于推动心理学本科生课程改革，通过培养学生的编程技术来提升他们的快速学习能力和问题解决能力。在基础认知心理学、游戏心理学和人因工程等领域开展了多个科研项目，并发表多篇高水平论文。

第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