摘要：
互动大屏项目里，WebSocket 是生命线。观众扫码发消息、点歌、霸屏、游戏状态同步，都要靠它把数据推到大屏。 但 WebSocket 最容易被低估。很多文章只讲 new WebSocket(url)、onmessage、onclose，真正到项目里，难点其实是：断线后怎么恢复，重连时怎么避免多个 阅读全文
posted @ 2026-06-22 14:58
万物皆object
阅读(20)
评论(0)
推荐(0)
摘要：
这个问题不是“Vue 怎么监听 WebSocket 消息”，也不是“动画组件怎么显示”。真正麻烦的地方在于：消息是实时来的，动画是有播放时长的，现场操作人员还可能暂停、恢复、插队；普通消息、霸屏、点歌、打赏又会进入不同展示通道。 我以前做互动大屏时，最开始的实现很自然：WebSocket 收到消息以 阅读全文
posted @ 2026-06-22 14:56
万物皆object
阅读(20)
评论(0)
推荐(0)
摘要：
以前写小程序统计页的时候，遇到过一个很小但很烦的需求：页面上要按时间筛选数据。 这个需求第一眼看起来没什么技术含量，无非就是两个 picker，一个开始日期，一个结束日期，然后点确定请求接口。但真正写起来会发现，它很容易在项目里变成一堆重复代码： A 页面要筛选订单时间。 B 页面要筛选客户创建时间 阅读全文
posted @ 2026-06-22 14:20
万物皆object
阅读(33)
评论(0)
推荐(0)
摘要：
H5 活动页翻页动画：Swiper 全屏滑动、元素入场和 3D 过渡 这篇文章复盘的是以前 H5 活动页里常见的一类效果：一屏一页，上下滑动翻页，每一页里的图片、文字、按钮按顺序入场。 这种页面在早期移动端活动页、招聘页、品牌介绍页里很常见。它不是普通网页滚动，而是更像 PPT：用户每滑一下，就切换 阅读全文
posted @ 2026-06-22 14:04
万物皆object
阅读(140)
评论(0)
推荐(0)
摘要：
写移动端页面时，我在一个项目里用了一个很常见的自适应方案：根据屏幕宽度动态设置 html 的 font-size，然后页面尺寸尽量用 rem 来写。 这个方案在今天看不算新，但它很适合用来理解移动端自适应的底层思路：不是每个元素都单独计算，而是先确定一个页面基准，再让所有 rem 尺寸跟着根字号一起 阅读全文
posted @ 2026-06-22 13:55
万物皆object
阅读(22)
评论(0)
推荐(0)
摘要：
## 前言 ES6 学习笔记整理，主要记录一些最常用、最适合初学者先掌握的语法。 ## 1. 变量声明：var、let、const 以前写 JavaScript 时，经常使用 `var` 声明变量。 ```js console.log(a); // undefined var a = 10; ``` 阅读全文
posted @ 2026-06-22 13:30
万物皆object
阅读(29)
评论(0)
推荐(0)
浙公网安备 33010602011771号