随机生活随机决策

电子商务 B2C 案例ID:255776
风涌
3 年经验· 曾就职 中科软
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

《生活随机决策》是一个纯前端单页小工具,解决“吃什么、玩什么、聚会主题、真心话大冒险、谁买单”五类选择困难。桌面端采用左侧工具导航 + 中间单工具舞台,手机端变为顶部五列标签,一次只展示当前功能。

五个工具内置 15–20 个选项,真心话和大冒险各 18 条;“谁买单”使用 Canvas 转盘,支持 2–12 人改名、增删和中奖高亮。所有工具都能在本次会话内临时增删选项,刷新恢复默认;结果配有轮播、弹跳、彩纸和转盘缓动,并尊重“减少动态效果”设置。

代码为单个 index.html,约 68KB,纯 HTML/CSS/JS,无外部依赖、无账号、无 localStorage、无后端和数据库,用户输入统一用 textContent 渲染。已实测 1280 至 320px 六档宽度,随机、增删、去重、键盘切换、转盘中奖均通过,无控制台报错、无横向溢出、存储为空。

目前按你的选择仅交付源码,未部署;文件可直接上传 Vercel、Netlify、GitHub Pages 或 Cloudflare Pages。源码

随机生活随机决策

电子商务 · B2C 案例ID:255776
联系该工程师
微信扫码,建群沟通
作者: 风涌 - 3年经验- 曾就职 中科软

案例介绍

《生活随机决策》是一个纯前端单页小工具,解决“吃什么、玩什么、聚会主题、真心话大冒险、谁买单”五类选择困难。桌面端采用左侧工具导航 + 中间单工具舞台,手机端变为顶部五列标签,一次只展示当前功能。

五个工具内置 15–20 个选项,真心话和大冒险各 18 条;“谁买单”使用 Canvas 转盘,支持 2–12 人改名、增删和中奖高亮。所有工具都能在本次会话内临时增删选项,刷新恢复默认;结果配有轮播、弹跳、彩纸和转盘缓动,并尊重“减少动态效果”设置。

代码为单个 index.html,约 68KB,纯 HTML/CSS/JS,无外部依赖、无账号、无 localStorage、无后端和数据库,用户输入统一用 textContent 渲染。已实测 1280 至 320px 六档宽度,随机、增删、去重、键盘切换、转盘中奖均通过,无控制台报错、无横向溢出、存储为空。

目前按你的选择仅交付源码,未部署;文件可直接上传 Vercel、Netlify、GitHub Pages 或 Cloudflare Pages。源码

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×