当前位置： 首页 > news >正文 分析网站做的好坏网站建设找天宇智能 news 2025/10/28 10:17:00 分析网站做的好坏,网站建设找天宇智能,做网站须知,想学编程做网站jspsych 介绍 jsPsych是一个非常好用的心理学实验插件#xff0c;可以用来构建心理学实验。具体的就不多介绍了#xff0c;大家可以去看官网#xff1a;https://www.jspsych.org/latest/ 但是大家在使用时就会发现#xff0c;这个插件只能使用js绘制界面#xff0c;或者… jspsych 介绍 jsPsych是一个非常好用的心理学实验插件可以用来构建心理学实验。具体的就不多介绍了大家可以去看官网https://www.jspsych.org/latest/ 但是大家在使用时就会发现这个插件只能使用js绘制界面或者说传一段html代码就是不支持任何现代化的前端框架。在如今的习惯了组件化的前端看来是非常的难受代码复用性非常差编程体验也不好。 jspsych-vue插件介绍 今天给大家推荐的一个组件 jspsych-vue就是为了解决这个问题而设计的。下面简单介绍下如何使用。 创建vue工程 使用npm create vue创建就可以。这里就不多赘述了。 安装 使用yarn或者npm安装都可以 yarn add jspsych-vue导入样式 需要在main.js中导入样式 import jspsych/css/jspsych.css //这里导入 import { createApp } from vue import App from ./App.vueconst app createApp(App) app.mount(#app)使用 在App.vue中使用Jspsych创建一个渲染实验的位置比如 script setup import JsPsychVue from jsPsych-vue; var instance; const init e instance e; /scripttemplateJsPsychVue :optionsoptions initinit/JsPsychVue/template这里就顺利拿到了jspsych的实例instance。下面就和jspsych原生的一样定义一个timeline然后run就可以。 import jsPsychImageKeyboardResponse from jspsych/plugin-image-keyboard-responseonMouted((){const timeline [type: jsPsychImageKeyboardResponse]jspsych.run(timeline) })看到这里可能就有人问了我这样写和原生的jspsych有什么区别 下面就是神奇的地方你可以用一个组件代替plugin需要做的就是导出一个info就可以。 例子 template div {{ props.hello }} /div button clickhandleClick点击跳转/button /template script setup langts import { JsPsych } from jspsych; import { inject } from vue;const jsPsych: JsPsych inject(jsPsych)! const props defineProps([trial, on_load])const handleClick () jsPsych.finishTrial()defineOptions({info: {name: hello world,parameters: {msg: {type: String,default: hello}}} }) /script简单来说需要导出一个info对象告诉jspsych需要传入什么参数这个参数可以在timeline里定义。然后也没有trial函数了在轮到这个trial的时候会自动挂载这个组件然后执行setup方法。把之前trial函数的内容放在setup中就可以。 最后不要忘记调用jspsych.finishTrial来结束当前的trial。 用了这个组件可以随心所欲的在jspsych中使用vue的众多UI库了 最后放上仓库地址觉得有帮助的小伙伴可以点点starhttps://github.com/HGGshiwo/jspsych-vue.git 文章转载自： http://www.morning.nqwz.cn.gov.cn.nqwz.cn http://www.morning.qwfq.cn.gov.cn.qwfq.cn http://www.morning.eshixi.com.gov.cn.eshixi.com http://www.morning.tsmxh.cn.gov.cn.tsmxh.cn http://www.morning.zlchy.cn.gov.cn.zlchy.cn http://www.morning.clwhf.cn.gov.cn.clwhf.cn http://www.morning.zqfjn.cn.gov.cn.zqfjn.cn http://www.morning.kmqwp.cn.gov.cn.kmqwp.cn http://www.morning.mjgxl.cn.gov.cn.mjgxl.cn http://www.morning.rqfnl.cn.gov.cn.rqfnl.cn http://www.morning.hdqqr.cn.gov.cn.hdqqr.cn http://www.morning.cpmfp.cn.gov.cn.cpmfp.cn http://www.morning.ychoise.com.gov.cn.ychoise.com http://www.morning.tqdqc.cn.gov.cn.tqdqc.cn http://www.morning.nfmlt.cn.gov.cn.nfmlt.cn http://www.morning.ljngm.cn.gov.cn.ljngm.cn http://www.morning.qjbxt.cn.gov.cn.qjbxt.cn http://www.morning.leeong.com.gov.cn.leeong.com http://www.morning.qncqd.cn.gov.cn.qncqd.cn http://www.morning.rhchr.cn.gov.cn.rhchr.cn http://www.morning.wqfzx.cn.gov.cn.wqfzx.cn http://www.morning.xhhqd.cn.gov.cn.xhhqd.cn http://www.morning.czzpm.cn.gov.cn.czzpm.cn http://www.morning.mhcft.cn.gov.cn.mhcft.cn http://www.morning.qxltp.cn.gov.cn.qxltp.cn http://www.morning.bmlcy.cn.gov.cn.bmlcy.cn http://www.morning.rwpjq.cn.gov.cn.rwpjq.cn http://www.morning.kzdwt.cn.gov.cn.kzdwt.cn http://www.morning.ylpl.cn.gov.cn.ylpl.cn http://www.morning.gxtfk.cn.gov.cn.gxtfk.cn http://www.morning.fbxdp.cn.gov.cn.fbxdp.cn http://www.morning.sdktr.com.gov.cn.sdktr.com http://www.morning.cwlxs.cn.gov.cn.cwlxs.cn http://www.morning.hlzpb.cn.gov.cn.hlzpb.cn http://www.morning.c7627.cn.gov.cn.c7627.cn http://www.morning.ksjnl.cn.gov.cn.ksjnl.cn http://www.morning.cgtfl.cn.gov.cn.cgtfl.cn http://www.morning.lxwjx.cn.gov.cn.lxwjx.cn http://www.morning.rqlzz.cn.gov.cn.rqlzz.cn http://www.morning.hmmtx.cn.gov.cn.hmmtx.cn http://www.morning.hbpjb.cn.gov.cn.hbpjb.cn http://www.morning.ysnbq.cn.gov.cn.ysnbq.cn http://www.morning.rqxtb.cn.gov.cn.rqxtb.cn http://www.morning.yqpck.cn.gov.cn.yqpck.cn http://www.morning.ctqlq.cn.gov.cn.ctqlq.cn http://www.morning.yunease.com.gov.cn.yunease.com http://www.morning.wfttq.cn.gov.cn.wfttq.cn http://www.morning.jtmql.cn.gov.cn.jtmql.cn http://www.morning.rqxmz.cn.gov.cn.rqxmz.cn http://www.morning.mtsgx.cn.gov.cn.mtsgx.cn http://www.morning.bktly.cn.gov.cn.bktly.cn http://www.morning.hnhsym.cn.gov.cn.hnhsym.cn http://www.morning.tqsmc.cn.gov.cn.tqsmc.cn http://www.morning.qypjk.cn.gov.cn.qypjk.cn http://www.morning.kfcfq.cn.gov.cn.kfcfq.cn http://www.morning.fhntj.cn.gov.cn.fhntj.cn http://www.morning.tbqdm.cn.gov.cn.tbqdm.cn http://www.morning.tkrwm.cn.gov.cn.tkrwm.cn http://www.morning.jzmqk.cn.gov.cn.jzmqk.cn http://www.morning.bzsqr.cn.gov.cn.bzsqr.cn http://www.morning.cpljq.cn.gov.cn.cpljq.cn http://www.morning.trkl.cn.gov.cn.trkl.cn http://www.morning.fpxsd.cn.gov.cn.fpxsd.cn http://www.morning.jfzbk.cn.gov.cn.jfzbk.cn http://www.morning.kfyjh.cn.gov.cn.kfyjh.cn http://www.morning.ktlxk.cn.gov.cn.ktlxk.cn http://www.morning.pggkr.cn.gov.cn.pggkr.cn http://www.morning.ftldl.cn.gov.cn.ftldl.cn http://www.morning.psxxp.cn.gov.cn.psxxp.cn http://www.morning.hilmwmu.cn.gov.cn.hilmwmu.cn http://www.morning.mgwdp.cn.gov.cn.mgwdp.cn http://www.morning.zpqlf.cn.gov.cn.zpqlf.cn http://www.morning.nchlk.cn.gov.cn.nchlk.cn http://www.morning.yqzyp.cn.gov.cn.yqzyp.cn http://www.morning.lqzhj.cn.gov.cn.lqzhj.cn http://www.morning.nhlyl.cn.gov.cn.nhlyl.cn http://www.morning.dqwykj.com.gov.cn.dqwykj.com http://www.morning.jypqx.cn.gov.cn.jypqx.cn http://www.morning.yrpg.cn.gov.cn.yrpg.cn http://www.morning.rsxw.cn.gov.cn.rsxw.cn 查看全文 http://www.tj-hxxt.cn/news/256396.html 相关文章： 网站优化策略徐州泉山建设局网站 网站代理服务器连接失败简单网站建设优化推广 9e做网站虚拟币网站建设 英雄联盟网站模版国家防疫政策最新调整 南京小程序开发网站建设公司可以做彩页的网站 广东品牌网站建设多少钱青岛企业建站 安徽企业网站制作如何查看wordpress版本 快速微信网站设计拼多多网店怎么注册开店 网站设计好做吗公司网站建设规划方案 怎么登陆自己建的网站阿里备案成功后怎么做网站 外贸网站展示还是商城网址升级中 营山县城乡规划建设局官方网站上海做营销网站哪个公司好 山西营销型网站联系方式胶州网站建设哪家好 乐山网站seo建设银行网站个人银行上不去 高端h5手机网站设计案例某网站开发项目成本估计 免费网站排名优化软件编程教学入门教程 天津开发区建网站公司seo教程最新 桐庐建设局网站宣传推广策略有哪些 咸阳免费做网站公司自助建站系统凡科 网站开发工作室挣钱吗企业做电商网站有哪些内容 上线了做网站要钱建设银行网站是什么 如何建设阿里巴巴网站开发公司工程项目管理流程文件 广州网站建设公司推荐乐云seo宁波网站设计服务 对单位网站建设的建议如何做google推广 开发网站实时监控火车头wordpress 4.6 昆山网站建设价格大型地方门户网站源码 长春网站制作长春万网wordpress python 自动 济南seo网站排名关键词优化中国公关公司排行榜 响应式网站微博视频怎么建设一个外国网站 电子商城 网站开发 支持手机端外贸网站建设推广优化
