web 多屏互动显示方案
2024-09-02 17:54:34
1 基于 local storage 实现的信息传递
相关插件 lsbridge.js https://github.com/krasimir/l... 且项目中有非常简单易懂的示例
你需要了解的一些关于LocalStorage的特性:
只有相同域名的页面才能互相读取 LocalStorage
每个域名 localStorage 最大存储量为 5Mb 左右(每个浏览器不一样)
LocalStorage 永久有效,除非用户主动清理缓存
localStorage只能存String类型的字符串
这种方案简单易用,且不需要后端的支持,但无论前端是使用哪种本地存储方式,都只能基于统一浏览器中使用,并且在某些数据量较大的可视化项目中这种方式其实不太适用,如果需要跨终端互动或者大数据量支持,则可以使用websocket实现。
2 websocket
关于websocket 的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。
已有案例: http://stage.moneplus.cn/ice/ ,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在pc 上面的杯子接入掉落的冰块
最新文章
- 諾基亞定制的Android系統名為 Z Launcher
- DataStructure 排序 源码实现
- 边工作边刷题:70天一遍leetcode: day 88
- Upgrade Guide
- php 购物车完整实现代码
- easyui问题小结(转)
- JVM菜鸟进阶高手之路九(解惑)
- 通过重写 class 的 ToString() 来简化获取 enum 的 DescriptionAttribute 值
- java I/O框架 (二)文件操作(File)
- java8 日期时间解析与转换
- Github经理和员工开发
- .net拼接json字符串
- ssh登录报错-bash fork retry Resource temporarily unavailable
- PHP安装Commposer
- input默认显示当前时间
- 使用 Azure Active Directory 管理 Azure 中的 HPC Pack 群集
- http://www.cnblogs.com/xalion/p/5111279.html
- JS日期、时间 格式化转换方法
- String类对象的比较
- Jmeter Cookie管理器 获取JSESSIONID