恒美微站
首页
关于我们
建站服务
主题模板
案例展示
资讯中心
联系我们
华为云码道——心芽 · 心理压力测试网页小程序
首页
资讯中心
/
华为云码道——心芽 · 心理压力测试网页小程序
华为云码道——心芽 · 心理压力测试网页小程序
发布时间:2026/10/12 3:53:56
心芽 · 心理压力测试网页小程序一键开通华为云码道 CodeArts 代码智能体Developer Events_Developer Alliance-Huawei Cloud应用介绍心芽是一个心理压力自测的小网页不用装 App、不用注册浏览器打开就能用。里面准备了 20 道题12 道选择、8 道判断从情绪、睡眠、社交、学习工作负荷和身体反应五个方面问。答完自动算出 0 到 100 的压力指数分低、中、高三档每档有对应的减压建议。测试记录存在本地历史页会把历次分数连成一条趋势线隔段时间测一次比单看一次结果靠谱。还带个心情日记随手记两句。每次测完能生成一张分享卡片存成图片。华为云码道 Agent 界面截图项目应用实际运行效果截图首页打开就是一张绿色主卡片旁边标了20道题、约3分钟、数据存本地这几个提示。往下是四个入口快速自测、历史趋势、减压建议、心情日记点哪个进哪个。如果之前测过首页还会自动带出最近一次的压力指数和等级不用翻历史页。量表测试测试页一次放一道题答完自动进下一道顶部的进度条和题号随时告诉你在哪一步。20道题里12道是从不、偶尔、有时、经常、总是里选一个剩下8道是是或否的判断题。历史记录与趋势中间是一张折线图把每次的分数连起来能看出压力是往上走还是往下降比单次结果有用。列表按时间倒着排每条带等级颜色标签和分数扫一眼就分得清轻重。清空记录按钮放在最下面颜色是红的点了还要再确认一次防止手滑。减压建议这页按五个维度分块每块下面列三到四条具体做法比如睡眠那块就写睡前一小时放下手机、下午三点后别喝咖啡这类能落地的。如果之前测过试页面顶部会先亮出你最近一次的结果和一句对应的话压力偏高的人看到的建议会和压力低的人不一样内容都是普通人在日常里能做的。心情日记一个简单的打卡本。先在五个心情里选一个平静、开心、烦躁、低落、焦虑再拖一个压力滑杆给自己当下的压力打分保存后按时间倒序排每条前面有个和心情同色的小圆点日期、文字、压力分都在。它和测评记录是两套数据互不干扰适合每天睡前花一分钟记录状态。核心代码计分逻辑function compute(answers) { var total 0, max 0, acc {}; Data.questions.forEach(function (q, i) { max q.type choice ? 4 : 1; // 每题满分 var s 0, a answers answers[i]; if (a ! null a ! ) { s q.type choice ? Math.min(4, Math.max(0, Number(a))) : (a q.pressureAnswer ? 1 : 0); } acc[q.dimension] (acc[q.dimension] || 0) s; // 分维度累加 total s; }); return Math.round(total / max * 100); // 归一化到 0-100 } // 0-29 低 · 30-59 中 · 60-100 高实测数据计分逻辑用 Node 跑了单元测试浏览器用 Playwright 走完整个流程结果如下场景压力指数等级说明全选最低压力项0低边界最小值全选最高压力项100高边界最大值实测第 1 次11低全选从不类实测第 2 次50中混合作答实测第 3 次96高全选总是/是AtomGit 项目仓库地址stress-test:基于原生 HTML/CSS/JavaScript 的心理压力测试网页项目 - AtomGit