摘要：
普通 H5 页面资源没加载出来，最多是图片慢一点。互动大屏不一样，它通常投在现场大屏上，用户第一眼看到的就是画面。如果开场动画黑一下、背景视频闪一下、霸屏素材卡一下，体验会非常明显。 我以前做的大屏项目里有大量 webp、png、webm 素材。刚开始只是做一个 loading 进度条，后来发现真正 阅读全文
posted @ 2026-06-25 13:39
万物皆object
阅读(5)
评论(0)
推荐(0)
摘要：
我以前写大屏抽奖游戏时，最容易被低估的不是动画，也不是排行榜样式，而是倒计时。 倒计时看起来只是每秒减一，但放进真实业务里，它会和开始接口、结束接口、WebSocket 通知、排行榜轮询、支付截止、暂停恢复、页面刷新全部绑在一起。 这篇文章就聊一个典型问题：如何把一个实时抽奖游戏从“几个定时器拼起来 阅读全文
posted @ 2026-06-22 23:45
万物皆object
阅读(6)
评论(0)
推荐(0)
摘要：
互动大屏和普通后台页面不一样。后台页面通常是用户点一下、查一下；大屏页面则是一直挂着，自动轮播、自动刷新、自动滚动、自动播放动画。 也正因为它一直运行，很多小问题都会被放大：一个没有清理的 setInterval，本地看不出来，现场跑一晚就可能导致卡顿。 说的是一个很典型的问题：Vue2 大屏里 S 阅读全文
posted @ 2026-06-22 21:58
万物皆object
阅读(2)
评论(0)
推荐(0)
摘要：
微信小程序登录授权流程：wx.login、getUserInfo 与本地缓存 小程序登录要解决什么问题 小程序里用户进入页面时，前端并不知道用户在业务系统里的身份。常见流程是： 用户点击授权按钮。 前端拿到 encryptedData 和 iv。 调用 wx.login 获取临时 code。 把 c 阅读全文
posted @ 2026-06-22 16:30
万物皆object
阅读(15)
评论(0)
推荐(0)
摘要：
Vue 后台素材拖拽排序组件：从上传、回显到顺序持久化 很多人写拖拽排序，会把重点放在 vuedraggable 怎么用。 但在真实后台项目里，拖拽排序本身只是最后一步。真正麻烦的是它前后那条链路： 上传素材 -> 展示预览 -> 删除素材 -> 拖拽调整顺序 -> 编辑时回显 -> 提交时持久化顺 阅读全文
posted @ 2026-06-22 16:27
万物皆object
阅读(3)
评论(0)
推荐(0)
摘要：
很多聊天室教程会从“输入框 + 发送按钮 + 消息列表”开始讲。 但真实项目里的聊天室很少这么干净。 我之前做的一个酒吧互动 H5，聊天室页面不只是聊天。它同时承担公屏消息、私聊提醒、未读数、用户主页、送礼、霸屏、活动入口、消息删除、会话列表跳转。用户扫码进入后，第一眼看到的是公屏，但背后其实有好几 阅读全文
posted @ 2026-06-22 16:07
万物皆object
阅读(7)
评论(0)
推荐(0)
摘要：
点歌小程序不是 CRUD：歌手端从曲库、歌词匹配到演出队列的状态设计 如果只看页面，点歌小程序很容易被误解成几个普通功能： 我的歌曲 添加歌曲 编辑歌词 上台演出 查看点歌订单 但真正做下来会发现，它不是一个简单的列表 CRUD。 我之前做过一个歌手端点歌小程序，歌手需要先认证、绑定酒吧，然后维护自 阅读全文
posted @ 2026-06-22 15:49
万物皆object
阅读(4)
评论(0)
推荐(0)
摘要：
把实时骰子 做活动 H5 的时候，小游戏经常被低估。 很多人以为它只是一个页面：点按钮、播动画、等服务端返回结果。真正做过实时对战类小游戏才知道，难点不是 UI，而是时序。 我之前做过一个酒吧互动 H5，里面有一个实时骰子游戏。用户报名后匹配对手，进入对局，双方轮流叫骰，可以开骰，可以淘汰，可以复活 阅读全文
posted @ 2026-06-22 15:47
万物皆object
阅读(24)
评论(0)
推荐(0)
摘要：
一条 WebSocket 连接扛住聊天室、游戏和互动通知：uni-app H5 实时消息总线复盘 这篇文章不是讲 new WebSocket() 怎么写。 真正难的地方在于：一个 H5 页面里同时有公屏聊天、私聊提醒、游戏开始通知、骰子游戏事件、霸屏入口、未读数刷新。它们看起来是不同业务，但最后都挤 阅读全文
posted @ 2026-06-22 15:45
万物皆object
阅读(6)
评论(0)
推荐(0)
摘要：
二维码拖拽这个功能，看起来很小。一个 mousedown，一个 mousemove，改一下 left/top，再保存到后台，好像就完了。 但放到大屏项目里，它会变成一个挺真实的工程问题：屏幕尺寸不固定，二维码可能要横向和纵向分别缩放，拖拽不能出界，松手后要持久化，刷新后要恢复，现场操作还不能因为频繁 阅读全文
posted @ 2026-06-22 15:04
万物皆object
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号